コンポーネント/単体テスト単位でのvisual regressionテストを行うためのツールを作った話し - Qiita

この記事は「WACUL Advent Calendar 2016」の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている@bokuwebと申します。 今回はコンポーネント単位でのvisual regressionテストについて書いてみたいと思います。 概要 単体テスト時にコンポーネントのキャプチャーを取り、差分を取るvisual regressionテストを行うために、karma-nightmareとreg-cliというツールを作りました。まだ実験的ではありますが、それらを用いたテストや作成時に検討したことなどを書いてみます。 そもそもViewのテストどうしてます？ フロントエンドやっている方と話すときに、よく、Viewのテストをどこまで、どんなふうにやるか？というざっくりした質問をしてみたりします。「お、その話題ですか！」というリアクションする方もちらほらいて関

[efcl]

コンポーネントのスクショ同士を比較してレポートを吐くツール

[poppun1940]

コンポーネント/単体テスト単位でのvisual regressionテストを行うためのツールを作った話し - Qiita この記事は 「WACUL Advent Calendar 2016」 の23日目です。 今年の10月からWACULでフロントエンドエンジニアをしている @bokuweb と申し

[shibe97]

スナップショット気になっていた

[ko-ya-ma]

Viewのテストの話。かなり良さそう

[kuy]

見た目のテストをするのにDOMとかCSSのassertをしまくるよりも、スクショで抑えた方が良さそうって気がしてたからナイスタイミング。良い記事！

[bokuweb]

書いたよー

[nwpct1]

おもしろい やっぱりこういう問題は起きるんですねー いい解決策が見つかるといいな "同僚の作った見本画像に対して、自分のmacで作った画像を差分比較すると数ドットながら差分が発生する、ということがありました"