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

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

Update: 2024-07-31
Share

Description

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



  • Storybookを用いたコンポーネントやページ全体のキャプチャー

  • デバイスごとにキャプチャーを行い、ユーザー向けサービスにVRTを導入



  • 変更が思わぬ箇所に影響を与えていることを発見

  • 手動確認では見逃しがちな問題を検出



  • 実行コストが高く、メンテナンスが大変

  • ページの読み込み完了のタイミングが不安定

  • 安定性の向上と実行時間の短縮が必要



  • Flaky なテストのスキップや閾値の調整

  • Dockerを使った環境構築や実行対象の絞り込み

  • Storybook Test Runner を使ったインタラクションテストの検討


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



















Comments 
In Channel
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

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

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

Muddy Web