Reactの最低限のテストをEnzymeで書く
React.js のテストをさくっと書きたい。とりあえず、 jsdom とか本格的なことはしたくない。最低限、コンポーネントがエラーを吐かずにレンダリングされることぐらいはテストしたい。そこで Mocha + Enzyme を使う。
必要なことは Enzyme の README に書いてある。ここにもっと簡単なサンプルを置いておく。
テストにはシャローレンダリングを使う。シャローレンダリングとは、子コンポーネントを展開せずにレンダーすること。そうすると、コンポーネントごとにテストを切り分けられる。以下のテストは mocha で動く。
次のようなコンポーネントに対して、
次のようにテストを書ける。
あるいは、次のようなコンポーネントに対して、
次のようなテストを書ける。
Github に置いた。
npm test
ですぐにテストを実行できる。