私は react テスト ライブラリ (@testing-library/react & @testing-library/dom) と jest-dom (@testing-library/jest-dom) を使用して単体テストを作成しました。テストを正常に実行できました。
私は jest/jest-cli の完全なパッケージを使用していません。 react テスト ライブラリを jest-dom(@testing-library/jest-dom) と一緒に使用しています。これはサブ パッケージか何かかもしれませんが、正確に何と呼ぶべきかわかりません。
React テスト ライブラリを使用してコード カバレッジを取得する方法は?
ベストアンサー1
良い、Reactアプリを作成するすぐに使える機能が多数提供されていますが、いくつかの制約も課されています...
--coverageそのスクリプトはすでにテストをウォッチ モードで実行しているため、フラグを単に追加することはできませんnpm run test(失敗したテストのみを実行するなど、対話モードで実行できるその他の操作は、いずれにしてもカバレッジ レポートに影響します)。
まず最初に、テストをシングル実行モードで実行します。
CI=true react-scripts test --env=jsdom
また、package.json にはすでにテスト タスクがあるため、次のようにタスクを簡略化できます。
CI=true npm test -- --env=jsdom
さて、近づいてきました...それでは、その上にフラグを追加すれば--coverage準備完了です:
CI=true npm test -- --env=jsdom --coverage
npm タスクを要約すると次のようになります。
"test:coverage": "CI=true npm test -- --env=jsdom --coverage"
そして、ターミナルにレポートが表示され、coverageフォルダーが生成されます。ちなみに、そこには多くの役立つ情報が記載されています。