【FrontEnd Test】Visualize Click "+" Button To Add Plot

[tsuchiyama-araya]

【Description】

• Click the "+" Button At Visualize Screen. Passing the Test Conditions Below.

【Test Conditions】

• "+" Button is Clickable.
• Plot with ID: 0 is added.
• Left side bar show contents.

[tsuchiyama-araya]

【進捗報告】
現状はplotlyでJest encountered an unexpected token のエラーで詰まっています。

ーー実施した内容ーー
JestConfigを作成して、transformIgnorePatternsにPlotlyを追加してみました。また、Babelの設定を作成してみましたが、
エラーは解決されませんでした。

ーー想定している内容ーー
テストは通って、成功するか失敗するかまだわからないが、Renderされていれば、問題は解決です。

[itutu-tienday]

調査状況メモ

• 当件の対策は以下に類似と想定
  • Establishment of FE automated testing environment #403 (comment)
  • Establishment of FE automated testing environment #403 (comment)
• しかし、react-plotlyjs-ts には、対応する cjs 版は見当たらない模様
  • またオリジナルのreact-plotlyには、react-plotlyjs-ts で用意されている component (PlotlyChart) が定義されていない

上記の状況から、現時点では回避策は特定できていない。
他のコンポーネントでの、同エラーの発生状況を把握のうえ、共通的な対策が必要と考えられる。

[tsuchiyama-araya]

・川田さんの調査によると、jest Configなどを設定しても、CRAの設定が優先されるので、反映されませんでした。
そのため、CRAの設定で上書きするために、config-override.jsでjestの設定しました。 yarn test --showConfig
を実行するとjestの設定を確認することができる。　→ ConfigOverride.jsに設定後yarn test --showConfigを実行した時にReactplotlyをtransformIgnorePatternsにあることを確認できましたが、同じjestエラーが発生しています。