フロントエンドテスト
コンポーネント単体テスト(Vitest + Testing Library)
- 各コンポーネントのレンダリングが正しいこと
- ユーザーインタラクション(クリック、入力、選択)に対する応答が正しいこと
- 条件付きレンダリング(表示/非表示の切り替え)が正しいこと
E2Eテスト(Playwright)
主要ユーザーフローの動作を保証する。
| フロー | テスト内容 |
|---|---|
| 従業員確認フロー | ログイン → 申告データ確認 → 修正 → 提出 |
| 管理者承認フロー | 一覧表示 → 内容確認 → 承認/差戻し |
| 代行事業者フロー | テナント選択 → 従業員一覧 → 一括操作 |
アクセシビリティテスト(axe-core)
- 全画面で WCAG 2.2 AA 準拠を自動検証
- CI パイプラインに統合し、回帰を防止
- キーボードナビゲーション、スクリーンリーダー対応の検証
ビジュアルリグレッション(Chromatic, Optional)
- Storybook の各ストーリーに対するスクリーンショット比較
- 意図しないUIの変更を検出
- レスポンシブデザインの各ブレークポイントでの表示確認