Open1

Nextjs12でテストするためにインストールするものメモ

棗
  1. 基本的に入れるもの
  • jest : ユニットテストのツール
  • jest-environment-jsdom: テストでjsdomを使用する 参考
  • @testing-library/react: Reactコンポーネントを操作するためのAPIを追加する
  • @testing-library/dom: domノードテストできる。jest jsdomと違うと書いているが説明わからん。 参考
  • @testing-library/jest-dom: jestの拡張
  • @testing-library/user-event: clickとかのユーザーイベントのテスト
  • next-page-tester: nextのページ遷移のテスト
yarn add - D jest jest-environment-jsdom @testing-library/react @testing-library/dom @testing-library/jest-dom @testing-library/user-event  next-page-tester

https://zenn.dev/miruoon_892/articles/e42e64fbb55137

jest28からjest-environment-jsdomが必要になった模様

https://zenn.dev/keita_hino/articles/488d31e8c4a240

  1. cssモジュールを使用している場合
jest-css-modules