Visual Regression Testing Comparison

VRT ライブラリ・サービスをいくつか試したリポジトリ。

参考：　2023年にVisual Regression Testingを始めるならどんな選択肢があるか

本リポジトリに含まれる VRT ライブラリ・サービス

• reg-suit & Storycap
• Chromatic
• Playwright
• Playwright Component Tests (experimental)
• lost-pixel

各ディレクトリ・ファイルについて

reg-suit

• 設定ファイル: regconfig.json
• CI 設定ファイル: .github/workflows/reg-suit.yml
• テストディレクトリ: なし
• 実行コマンド:
  • yarn storycap: Storybook の内容をキャプチャ
  • yarn reg-suit

Chromatic

• 設定ファイル: なし
• CI 設定ファイル: .github/workflows/chromatic.yml

Playwright

• 設定ファイル: playwright.config.js
• CI 設定ファイル: .github/workflows/playwright.yml
• 画像出力先ディレクトリ: test-results/
• テストディレクトリ: tests/
• 実行コマンド: yarn playwright

Playwright Component Tests (experimental)

• 設定ファイル: playwright-ct.config.js
• CI 設定ファイル: なし
• 画像出力先ディレクトリ: __snapshots__/
• テストディレクトリ: tests-ct/
• 実行コマンド: yarn playwright-ct

lost-pixel

• 設定ファイル: lostpixel.config.js
• CI 設定ファイル: .github/workflows/lost-pixel.yml
  • および .github/workflows/update-baselines.yml （差分を PR として出すための Workflow）
• 画像出力先ディレクトリ: .lostpixel/
• テストディレクトリ: なし
• 実行コマンド: yarn lost-pixel & yarn lost-pixel:update