#14 Visual Regression Testのプロダクト導入事例

1. 各プロダクトでの具体的な利用方法

• Storybookを用いたコンポーネントやページ全体のキャプチャー
• デバイスごとにキャプチャーを行い、ユーザー向けサービスにVRTを導入

• 変更が思わぬ箇所に影響を与えていることを発見
• 手動確認では見逃しがちな問題を検出

• 実行コストが高く、メンテナンスが大変
• ページの読み込み完了のタイミングが不安定
• 安定性の向上と実行時間の短縮が必要

• Flaky なテストのスキップや閾値の調整
• Dockerを使った環境構築や実行対象の絞り込み
• Storybook Test Runner を使ったインタラクションテストの検討

2. 導入効果
3. 直面している課題
4. テストの安定化やメンテナンスの工夫