読者です 読者をやめる 読者になる 読者になる

Reactの最低限のテストをEnzymeで書く

React

React.js のテストをさくっと書きたい。とりあえず、 jsdom とか本格的なことはしたくない。最低限、コンポーネントがエラーを吐かずにレンダリングされることぐらいはテストしたい。そこで Mocha + Enzyme を使う。

必要なことは Enzyme の README に書いてある。ここにもっと簡単なサンプルを置いておく。

テストにはシャローレンダリングを使う。シャローレンダリングとは、子コンポーネントを展開せずにレンダーすること。そうすると、コンポーネントごとにテストを切り分けられる。以下のテストは mocha で動く。

次のようなコンポーネントに対して、

次のようにテストを書ける。

あるいは、次のようなコンポーネントに対して、

次のようなテストを書ける。

Github に置いた。

npm test ですぐにテストを実行できる。

react-enzyme-test-demo