Angular+Storybookで画像回帰テストを小さくはじめる - Classi開発者ブログ

2021/09/09 5 users lacolaco StorYBook classi パク なか

Classiのフロントエンドエキスパートチームのlacolacoです。最近AngularのプロジェクトでStorybookをベースにしたUIコンポーネントの画像回帰テストをはじめたので、この記事ではそのなかで学んだことを共有します。 画像回帰テスト 画像回帰テスト（visual regression testing）は、UIの見た目のバグを防ぐためのテスト... 続きを読む

FOLIOの画像回帰テストの裏側 – Yosuke Kurami – Medium

2018/12/23 41 users Folio medium StorYBook 通り 裏側

これは FOLIO アドベントカレンダー2018 の23日目の記事です。 さて、昨日の@minodiskの記事でも触れられている通り、FOLIOのWebフロントエンドではStorybookを中心に据えた画像回帰テストを実践しています。 この記事では、FOLIOに画像回帰テストを導入するためにやってきた取り組みについて書いていきます。 大まかな... 続きを読む

わかりやすい画像のdiffを求めて - Qiita

2017/12/22 340 users Qiita diff reg-suit Quramy 棄却

どうも。フロントエンドエンジニアの @Quramy です。 さて、前回、 1日10万枚の画像を検証するためにやったこと で書いているとおり、 reg-suit という画像に特化した回帰テストツールをメンテしています。 画像回帰テストという文脈において、差分の可視化方法はとても重要なファクターです。 なぜなら、画像(=スナップショット)に差分が発生したからといって、それすなわち棄却、というわけではな... 続きを読む