2022年6月1日水曜日

田中賢一郎氏 Webアプリ開発入門: 4.Jest編 7.2.3 InventoryChart.vue

田中賢一郎氏の

Webアプリ開発入門: 4.Jest編 Future Coders テキスト

こんな低価格で、具体的なコードまで載せてくれて、、、ありがたいです



今回は、7.2.3 InventoryChart.vue

結構つまずきます。


InventoryChart.vue

InventoryChart.spec.js

を写経

unitテスト実行


まあまあ、最初はエラーでも仕方がない。

InventoryChart.spec.jsに問題が出ているようなので

WinMergeで答えと差異をなくしていき、、、再度実行、、、するもダメ。


あれ


多少の違いがあるかもと、答えのInventoryChart.spec.js をプロジェクトに上書き、、、するも同じエラー。。。


なぜ!?


しょうがないので、InventoryChart.vueの答えも上書き、、、でエラー無くなる。

ログで出ていたエラーのファイル名と違う!


実際にvue側を見てみると、、、



scriptタグがおかしなことに!


このほかにも、上部のdivタグの位置がおかしかったり、括弧が足りなかったり、、、

写経していて答えもあって、VSCodeの補完機能も使っているのにここまで間違うとは、、、

実際に仕事で使うとき、どこまで実用に耐えうるのか、、、

それともプラグインをもっと入れれば解決するのか、、、

不安だ、、、