Skip to content

フロントエンドテスト

コンポーネント単体テスト(Vitest + Testing Library)

  • 各コンポーネントのレンダリングが正しいこと
  • ユーザーインタラクション(クリック、入力、選択)に対する応答が正しいこと
  • 条件付きレンダリング(表示/非表示の切り替え)が正しいこと

E2Eテスト(Playwright)

主要ユーザーフローの動作を保証する。

フローテスト内容
従業員確認フローログイン → 申告データ確認 → 修正 → 提出
管理者承認フロー一覧表示 → 内容確認 → 承認/差戻し
代行事業者フローテナント選択 → 従業員一覧 → 一括操作

アクセシビリティテスト(axe-core)

  • 全画面で WCAG 2.2 AA 準拠を自動検証
  • CI パイプラインに統合し、回帰を防止
  • キーボードナビゲーション、スクリーンリーダー対応の検証

ビジュアルリグレッション(Chromatic, Optional)

  • Storybook の各ストーリーに対するスクリーンショット比較
  • 意図しないUIの変更を検出
  • レスポンシブデザインの各ブレークポイントでの表示確認