Visual Regression Testが誤検知した動画やアニメーションの問題解決 - Uzabase for Engineers

2023/02/28 7 users Visual Regression Test 問題解決

NewsPicksのWeb Reader Experience Unitで学生インターンをしています。西(@yukinissie)です。 弊チームの開発基盤では、reg-suitやstorycapを利用したVisual Regression Test（以降 VRT）を導入しています。本ブログではVRTが誤検知した動画やアニメーション周りの問題に対してどのように解決したかをそれぞれご紹介し... 続きを読む

N 予備校に Visual Regression Testing を導入した話 + tips - ドワンゴ教育サービス開発者ブログ

2021/04/30 11 users Tips Storycap berlysia 予備校 工夫

こんにちは。N 予備校 Web フロントエンド開発チームの berlysia です。 N 予備校の Web フロントエンド開発に、 Storycap + reg-suit による Visual Regression Testing を導入しました。設定の工夫から、設定中や運用してしばらくの間に実際に発生したハマりどころを挙げ、簡単に注意点や対処例を紹介します。 背景 周... 続きを読む

Component 実装と文化を支える自動化ツール | リクルートテクノロジーズ　メンバーズブログ

2020/12/15 13 users component ビジュアルリグレッションテスト 吉井

こんにちは！アプリケーションソリューショングループ（以下、ASG）の吉井です。本記事は Recruit Engineers Advent Calendar 2020「15 日目」の記事です。 Stories as Test ASG では、Storybook / reg-suit を用いたビジュアルリグレッションテストを推進しています。Component テストを兼ねた .stories ファイルのコミ... 続きを読む

reg-suitとCypressを使ってビジュアルリグレッションテストを導入した話 - SMARTCAMP Engineer Blog

2020/09/10 8 users Cypress ビジュアルリグレッションテスト SaaS

こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの井上です。 携わっている上記のプロダクトは使いやすさにこだわっているため、UIの修正を行うことが多々あります。 そんななかで起こった問題の対応としてビジュアルリグレッションテストを導入したので、今回はその話をできれ... 続きを読む

storybook-chrome-screenshotとzisuiとStorycapと - Yosuke Kurami - Medium

2019/10/20 18 users Storycap medium StorYBook CLI

Photo by Filiberto Santillán from unsplash.com先日、Storycap というCLIを公開しました。 Storybookの各storyをキャプチャして画像化するだけのツールです。主として、reg-suit のようなツールと組み合わせ、画像回帰テスト環境を構築することを目的としています。 使い方はとてもシンプルで、CLIの引数としてStorybo... 続きを読む

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

2017/12/22 340 users Qiita diff Quramy 棄却 文脈

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

reg-suit

2017/07/30 25 users

Visual Regression Testing SuitCompare Images reg-suit is inspired by snapshot testing. It compares the current images with the previous images, creates an HTML report for their differences. All you ne... 続きを読む