テストレベルフロントエンド検証のための6つのテストレベルの概要。フロントエンド検証のための6つのテストレベルの概要。このセクションの内容6つのテストレベルフロントエンド検証のための6つのテストレベルの概要。レベル1: ユニット/ロジックテストvitest または jest を使った純粋なJavaScriptのロジック、データ変換、状態のテスト。レベル2: DOMベースのコンポーネントテストjsdom または happy-dom と Testing Library を使ったコンポーネントテスト。レベル3: ビルド出力検証ビルドされたファイル、SSG出力、テンプレート、バンドラ設定のテスト。レベル4: E2EブラウザテストPlaywright とヘッドレスブラウザによるエンドツーエンドテスト。レベル5: 決定論的 + 視覚的検証算出スタイルのチェックとビジュアルスクリーンショットを組み合わせた最大カバレッジ。レベル6: AIベースの視覚的検証最終手段の階層 — L4もL5もアサーションに到達できない場合にAIが問題解決の可否を判断する。次へ6つのテストレベルRevision HistoryTakeshi Takatsudo作成: 2026-04-04T07:11:52+09:00更新: 2026-06-17T02:21:12+09:00