質問編集履歴
2
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
3 テストを走らせる
|
|
84
84
|
|
|
85
|
-
ここでエラーが発生しました。エラーから考察するに、どうやらimportを処理出来ていないようです。エラーが発生しているコンポーネントではwavesurfer.jsというライブラリーとプラグインを使用しているのですが、この部分がtypescriptだとエラーが起きてしまうので、javascriptで記述しています。ここでエラーが出ていますが、テストした時にのみエラーが発生しており、画面上では特に問題なく動いています。ここで自分は恐らくJestのts-jestを使用する場合は、言語をTypeScript
|
|
85
|
+
ここでエラーが発生しました。エラーから考察するに、どうやらimportを処理出来ていないようです。エラーが発生しているコンポーネントではwavesurfer.jsというライブラリーとプラグインを使用しているのですが、この部分がtypescriptだとエラーが起きてしまうので、javascriptで記述しています。ここでエラーが出ていますが、テストした時にのみエラーが発生しており、画面上では特に問題なく動いています。ここで自分は恐らくJestのts-jestを使用する場合は、言語をTypeScript(しないならJavaScript)に統一しないと仕様できないのではないかという結論に至りました。そのため、ts-jestを使用するのではなく、babelでその都度typescriptを翻訳すれば行けるのではないかと考えて、公式ドキュメントにある通りbabelを使用することにしました、
|
|
86
86
|
しかし、以下のエラーが発生してしまいました。
|
|
87
87
|
```js
|
|
88
88
|
$ docker-compose exec front yarn test
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -143,3 +143,20 @@
|
|
|
143
143
|
```
|
|
144
144
|
ここで詰まってしまいました。初心者なので的外れな考察をしているかもしれませんが、何かしらアドバイスがあればよろしくお願いいたします。必要なファイルがあれば追記いたします。
|
|
145
145
|
|
|
146
|
+
## 追記
|
|
147
|
+
javascriptファイルを読み込まない場合はテストをパスできます。
|
|
148
|
+
```ts
|
|
149
|
+
docker-compose exec front yarn test
|
|
150
|
+
yarn run v1.22.18
|
|
151
|
+
$ jest
|
|
152
|
+
PASS src/App.test.tsx (8.573 s)
|
|
153
|
+
✓ renders learn react link (28 ms)
|
|
154
|
+
|
|
155
|
+
Test Suites: 1 passed, 1 total
|
|
156
|
+
Tests: 1 passed, 1 total
|
|
157
|
+
Snapshots: 0 total
|
|
158
|
+
Time: 9.377 s, estimated 10 s
|
|
159
|
+
Ran all test suites.
|
|
160
|
+
Done in 11.07s.
|
|
161
|
+
```
|
|
162
|
+
|