Reactアプリをテスト
Facebook ではJestを使用して、Reactアプリケーションをテストします。
セットアップ
Create React Appを使用したセットアップ
Reactに馴染みがないなら、Create React Appの利用をお勧めします。 すぐに使えて Jestも同梱されています! スナップショットをレンダリングするには、 react-test-renderer
を追加するだけです。
実行
- npm
- Yarn
- pnpm
npm install --save-dev react-test-renderer
yarn add --dev react-test-renderer
pnpm add --save-dev react-test-renderer
Create React Appを使わないセットアップ
既存のアプリケーションがある場合は、いくつかのパッケージをインストールしてうまく機能するようにする必要があります。 babel-jest
パッケージと react
のbabel presetをテスト環境内のコードを変換するのに利用しています。 using babelも参照して下さい。
実行
- npm
- Yarn
- pnpm
npm install --save-dev jest babel-jest @babel/preset-env @babel/preset-react react-test-renderer