shinpr/ai-coding-project-boilerplate-skills-ja-integration-e2e-testing
統合テストとE2Eテストを設計。モック境界と振る舞い検証ルールを適用。E2Eテスト、統合テスト作成時に使用。
npx skills add https://github.com/shinpr/ai-coding-project-boilerplate --skill integration-e2e-testing
| テスト種別 | 目的 | スコープ | 外部依存 | ファイル形式 | 機能あたり上限 | 実装タイミング |
|-----------|------|---------|---------|-------------|--------------|--------------|
| 統合 | in-processでのコンポーネント間連携を検証 | システムの部分的な統合(in-processモジュール、UIコンポーネントの場合はReact/TSではRTL+MSW) | モック または in-process | *.int.test.ts | 最大3件 | 実装と並行して作成 |
| fixture-e2e | 決定論的フィクスチャを用いてブラウザ上でUIの振る舞いを検証 | UIフロー全体(モックバックエンド/フィクスチャ駆動の状態) | モック/フィクスチャのみ — ライブサービスなし | *.fixture-e2e.test.ts | 最大3件 | UI機能と並行して作成 |
| service-integration-e2e | 起動済みのローカルスタックに対してクリティカルユーザージャーニーを検証 | サービスをまたいだシステム全体 | ローカルの実サービスまたはスタブ | *.service-e2e.test.ts | 最大1-2件 | 最終フェーズでのみ実行 |
レーン選択(E2Eのみ):
2つのE2Eレーンの予算は独立して計上される — あるジャーニーに fixture-e2e があっても service-integration-e2e の予算は消費されず、その逆も同様。
クリティカルユーザージャーニー: 収益影響・法的要件・大多数のユーザーが日常的に利用する機能
| チェック | 質問 | NOの場合 |
|---------|------|----------|
| 観測可能 | ユーザーが結果を観測できるか? | 除外 |
| システム文脈 | 複数コンポーネントの統合が必要か? | 除外 |
| 自動化可能 | CI環境で安定実行できるか? | 除外 |
Include: ビジネスロジック正確性、データ整合性、ユーザー可視機能、エラーハンドリング
Exclude: 外部実接続、パフォーマンス指標、実装詳細、UIレイアウト
コミットするスケルトンは、テストフレームワーク(describe/it/it.todo用)のみをimportする。テスト対象moduleが作成された後に、実装タスクでそのmoduleのimportを追加する。これにより、実装開始前でもテストファイルを型チェック・compile・loadするゲートを正常に実行できる。
各テストに以下のアノテーションを含めること。
// AC: "[受入条件原文]"
// ROI: [0-120] | ビジネス価値: [0-10] | 頻度: [0-10] | 法的要件: [0|1] | 欠陥検出力: [0-10]
// 振る舞い: [トリガー] → [処理] → [観測可能な結果]
// @category: core-functionality | integration | edge-case | ux | fixture-e2e | service-integration-e2e
// @lane: integration | fixture-e2e | service-integration-e2e
// @dependency: none | [コンポーネント名] | full-ui (mocked backend) | full-system
// @complexity: low | medium | high
// @real-dependency: [コンポーネント名](任意、テスト境界で非モックセットアップが指定された場合)
it.todo('[AC番号]: [テスト名]')
@lane 選択ルール:
integration — in-processでのコンポーネント間連携、ブラウザを使用しない(例: React/TSではRTL+MSW、その他言語でも in-process のモジュール/ハンドラ統合)fixture-e2e — モックバックエンド/フィクスチャ駆動の状態に対するブラウザレベルのUI検証。@dependency は通常 full-ui (mocked backend)service-integration-e2e — 起動済みローカルサービスまたはスタブに対するブラウザレベルまたはエンドツーエンドの検証。@dependency は full-system// Property: `[検証式]`
// fast-check: fc.property(fc.[arbitrary], (input) => [不変条件])
it.todo('[AC番号]-property: [不変条件記述]')
以下の3条件をすべて満たす場合、その機能にはマルチステップユーザージャーニーが含まれる:
マルチステップジャーニーは予約スロット適用判定のために分類される:
| 分類 | 条件 | 予約スロット適用 | 例 |
|------|------|----------------|-----|
| ユーザー向け | 人間のユーザーが直接ステップをトリガーし結果を観察する(UI、CLI、または直接的なAPIインタラクション経由) | 対象 — デフォルトで fixture-e2e の予約スロットに割り当て。ジャーニーの正しさが実サービス間の挙動に依存する場合のみ service-integration-e2e の予約スロットを追加 | Web購入フロー、CLIセットアップウィザード、モバイルオンボーディング |
| サービス内部 | バックエンドサービスがユーザーの直接操作なしにステップをトリガーする | 予約スロット対象外 — 統合テストを使用。フルシステム検証が妥当な場合は通常のROI > 50パスを通じた service-integration-e2e は引き続き有効 | 非同期ジョブパイプライン、サービス間saga、スケジュールバッチ処理 |
この分類は予約スロットルールおよびE2Eギャップチェックに適用される。それ以外の選定はレーンごとのROIルール(後述)に従う。
ROI Score = Business Value × User Frequency + Legal Requirement × 10 + Defect Detection(範囲: 0–120)
ROI Scoreは同一テスト種別内での優先順位付けに使用する(統合テスト同士、E2Eテスト同士)。テスト種別間の比較には使用しない。統合とE2Eの予算は独立して選択されるため、種別間比較は不要。
スコアの入力値には以下のルールを適用する:
| 入力 | 範囲 | 根拠のルール |
|------|------|-------------|
| ビジネス価値 | 0〜10 | 0 = ユーザー・ビジネス上の成果なし、10 = 収益、法務、安全性、主要な製品成果 |
| 利用頻度 | 0〜10 | 観測済みの製品分析データまたはサンプリングしたtelemetryを範囲へ対応づけ、情報源を記録する。観測データがない場合に限り、名前を明記したstakeholderの見積もりを推測として使用する。それもなければ不明とする |
| 法的要件 | 0または1 | 明記された要件、ポリシー、規制で振る舞いが必須の場合のみ1 |
| 欠陥検出力 | 0〜10 | 0 = より低コストな境界ですでに証明済み、10 = このレーンだけが重大な失敗を検出可能 |
ROI Scoreが高いほど、同一テスト種別内での優先度が高い。正規化や上限処理は行わず、生のスコアをそのまま順位付けに使用する。重複排除は候補自体を除外する別のステップであり、スコアは変更しない。同点の場合は、欠陥検出力、ビジネス価値の順に高い方を優先し、それも同じなら環境・保守コストが低い方を優先する。
必要な入力値が不明で、レーンの予算境界における選定結果が変わり得る場合は候補選定を止め、必要な利用状況、要件、境界の根拠を具体的に報告する。選定結果が変わらない場合は、不明点を記録して継続する。
2つのE2Eレーンは所有コストが大きく異なるため、独立した閾値を使用する。
| レーン | ROI閾値 | 理由 |
|------|---------|------|
| fixture-e2e | ROI ≥ 20(予約スロット以外) | ハーネスが整備されていればコストは統合テストと同等。少数のテストで十分な場合に MAX 3 を低シグナルなテストで埋めてしまうことを避けるためのフロア(基準点) |
| service-integration-e2e | ROI > 50(予約スロット以外) | 作成・実行・保守コストが統合テストの3〜10倍。他の方法では価値を立証できないジャーニーのみに使用 |
予約スロットのルールはレーンごとに適用され、閾値を上書きする(予約された候補はROIスコアに関わらず出力される)。予約スロット以外でフロアを下回る候補は出力されず、予算は意図的に未消化のまま残し、低価値なテストで埋めない。
| シナリオ | BV | Freq | Legal | Defect | ROI Score | テスト種別 | 選択結果 |
|----------|----|------|-------|--------|-----------|-----------|---------|
| コア決済UIフロー | 10 | 9 | 1 | 9 | 109 | fixture-e2e | ユーザー向けジャーニーの予約ルールにより選択 |
| 実決済サービスへのコア決済 | 10 | 9 | 1 | 9 | 109 | service-integration-e2e | 実サービス間の振る舞いでなければ正しさを検証できないため選択 |
| DismissボタンによるUI状態更新 | 6 | 7 | 0 | 8 | 50 | fixture-e2e | fixture-e2e予算内で選択 |
| 決済エラーメッセージ表示 | 5 | 4 | 0 | 7 | 27 | fixture-e2e | fixture-e2e予算の3枠目として選択 |
| 任意フィルタの永続化 | 4 | 4 | 0 | 6 | 22 | fixture-e2e | 閾値は満たすが、スコアがより高い3候補で最大3枠が埋まるため不選択 |
| 実プロバイダーへの決済リトライ | 8 | 3 | 0 | 7 | 31 | service-integration-e2e | service-integration-e2eの閾値未満 |
Property注釈がある場合、fast-check必須:
fc.assert(fc.property(...)) 形式で記述// fast-check:コメントをそのまま実装に反映振る舞い記述の検証レベル:
| ステップ種別 | 検証対象 | 例 |
|-------------|---------|-----|
| トリガー | Arrangeで再現 | API障害 → mockResolvedValue({ ok: false }) |
| 処理 | 中間状態または呼び出し | 関数呼び出し、状態変更 |
| 観測可能な結果 | 最終出力の値 | 戻り値、エラーメッセージ、ログ出力 |
判定基準: 「観測可能な結果」がテスト対象の戻り値またはモックの呼び出し引数として検証されていれば合格
| スケルトンの状態 | 検証項目の決定方法 |
|-----------------|-------------------|
| // 検証項目: が列挙されている | 列挙された全項目をexpectで実装 |
| // 検証項目: がない | 「振る舞い」記述の「観測可能な結果」から導出 |
| 両方ある | 検証項目を優先、振る舞いは補足として使用 |
最初に合致する行を採用する:
| 条件 | 使用する境界 |
|---|---|
| 外部アダプター、query、migration、service契約自体がテスト対象 | 実境界、または service-integration-e2e レーンでのservice-levelスタブ — モックは自身が代役を務める契約を証明できない |
| 外部APIまたはネットワーク呼び出しがテスト対象でない | モック |
| テスト対象のコンポーネント間連携 | 実物のin-processコンポーネント |
| 呼び出し自体がテストの検証対象(例: ログ出力) | 検証可能なモック(vi.fn()) |
| 呼び出しもその対象もテスト対象でない | 実物、または無視 |
fixture-e2e:
@dependency: full-ui (mocked backend))。ライブサービス不要service-integration-e2e:
@dependency: full-system)| チェック | 不合格条件 |
|---------|-----------|
| Property検証 | Property注釈があるのにfast-check未使用 |
| 振る舞い検証 | 「観測可能な結果」に対応するexpectがない |
| 検証項目網羅 | 列挙された検証項目がexpectに含まれていない |
| モック境界 | 統合テストで内部コンポーネントをモック化 |
| チェック | 不合格条件 |
|---------|-----------|
| AAA構造 | Arrange/Act/Assertの区切りが不明確 |
| 独立性 | テスト間で状態共有、実行順序依存 |
| 再現性 | 日時・乱数に依存し結果が変動 |
| 可読性 | テスト名と検証内容が一致しない |
複数の経路が同じmutationに到達する場合 — CLIの経路とHTTPハンドラ、スケジュールジョブと手動トリガー、バッチと単件エンドポイント — 4つの軸で比較する: 検証、分類、リソース上限、および read / parse / mutation / reporting の順序。
差異を許可できるのは意図を決める出所のみ: 要件、Design Doc、ADR、Binding Decision。テストはその判断の下流にある — 存在する振る舞いを記録するものなので、許容側の経路をカバーする既存テストはその bypass を許可するのではなく確認していることになる。差異が許可された後は、テストがそれが決定どおりに振る舞うことを検証する。
許可する出所を持たない差異については、bypass を露呈させるテストを要求する: チェックをスキップする側の経路でmutationを実行し、そのスキップされたチェックが守っていた状態をアサートする。
| チェック | 不合格条件 |
|---------|-----------|
| 検証の同等性 | 一方の経路が検証する入力を他方が未検証で受け入れており、その差異を許可する要件も契約もない |
| 分類の同等性 | 同じ失敗が経路によって異なる分類となり、呼び出し側が観測する内容が変わる |
| リソース上限の同等性 | 一方の経路がサイズ・件数・タイムアウトの上限を強制し、他方が省いている |
| 操作順序の同等性 | read / parse / mutation / reporting の順序が経路間で異なり、検証前にmutationしたり永続化前に報告したりしうる |
| bypassのカバレッジ | 説明のつかない差異について、許容側の経路でmutationを実行するテストがない |
Take shinpr/ai-coding-project-boilerplate-skills-ja-integration-e2e-testing from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.