高いところがダメな小飼です。再来週飛行機に乗ります。 さて、先日Angular1.x系のSPAにユニットテストを導入した話で、作成中のコンポーネントだけをブラウザに描画して、TDDっぽく開発を進めていく手法について触れました。 今回はその具体的な手法について触れたいと思います。 (あまり類似の記事を見たことがないのですが、もしかしたら記事にするまでもないことだったりして...) ヘッドレスなテストへの不安 PhantomJSのようなヘッドレスブラウザやjsdomのような擬似ブラウザ環境でのテストは、実行が軽い反面、テストしたコンポーネントが実際にどういう動きをしているのか?どんな風に描画されているのかに確信を持ちづらいところがあります。 どうにかして、自分が書いているテストが実際にどんなコンポーネントをブラウザに描画するのかを確認出来れば安心できるのですが... ところでテストランナーのk
![karmaで始めるコンポーネントベースのTDD - デロイト トーマツ ウェブサービス株式会社(DWS)公式ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/78e347796ca1364b8840f908e29d13651a22a7c1/height=288;version=1;width=512/https%3A%2F%2Fblog.mmmcorp.co.jp%2Fwp-content%2Fthemes%2Flionblog%2Fimg%2Fimg_no.gif)