WebアプリにVisual Regressionテストを導入 - Qiita
こんにちは、CyberAgentで内定者アルバイトをしています @junkisai です。 今回は「こえのブログ」の開発に導入したVisual Regressionテストについてお話させていただきます。 そもそもVisual Regressionテストとは コンポーネントやページのスクリーンショットを以前のバージョンのものと比べて、ピクセルレベルでの差分を検出するテスト手法のことです。導入の目的としては、開発者が意図しない変更がないか/差分が意図したものかをテスト結果から確認するだけにすることで、人によるチェックの負担を軽減するためというのが最も大きいですが、機能や動作を検証するためのテストとしても有効です。 完成品 今回導入したVisual Regressionテストの流れ図は以下のようになります。 GitHubにpushすると、CircleCI上でpuppeteerを起動し、Webアプ
入門Visual Regression Test - Qiita
画像回帰テストです これの設定をある程度まで手順書に落とし、公開します きっと手順通りにやったら10分ぐらいでできる。。。はず DEMO 1. vue cli ui等で適当にプロジェクトを作成する 2. vue-cli-plugin-storybookを追加 https://github.com/storybooks/vue-cli-plugin-storybook これだけで凄く簡単にstorybookをvueに追加できます。 一度起動してみて正常に起動できるか確認しましょう！ 3. storybookからスクショを撮るライブラリを導入 日本での画像回帰テストの第一人者と言っても過言ではないQuramyさんがstorybookから簡単に画像を抽出してくれるzisuiという素晴らしいライブラリを作っています。 https://github.com/Quramy/zisui install
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
