name: tdd-scenario-generator description: TDDサイクルを加速させるため、実装前に網羅的なテストシナリオとエッジケースを生成します。
TDD Scenario Generator Skill
このスキルは、TDD駆動開発.md に基づき、新機能やバグ修正の開始時に「失敗するテスト(RED)」を定義するための網羅的なシナリオを生成します。
シナリオ生成のガイドライン
1. 正常系 (Happy Path)
- 最も一般的、あるいは期待される入力に対する挙動。
- Propsのデフォルト値での表示。
2. 異常系・入力バリデーション (Error Handling)
- 境界値: 最大文字数、最小文字数、0や負の数。
- 不正な形式: 無効なURL、メールアドレス、特殊文字の混入。
- 未定義/null: RequiredなPropsが欠落している場合のフォールバック。
3. 操作・インタラクション
- クリック、入力変更、送信。
- ローディング中、成功時、エラー時の各状態遷移。
4. アクセシビリティ (a11y)
-
vitest-axe:
toHaveNoViolationsのアサーションを各状態ごとに含める。 - ARIA属性: 適切な役割(Role)やラベル(aria-label)が機能しているか。
5. コンテキスト・環境
- ダークモード/ライトモードでの視認性。
- 未ログイン状態(認証必須機能の場合)。
- データの空状態(Empty state)。
出力形式の例
テストケース名(日本語)と、Arrange/Act/Assert(AAA)の概要を提示します。
describe("ComponentName", () => {
it("名前と説明を正しく表示し、アクセシビリティ違反がないこと", async () => { ... });
it("タイトルが100文字を超える場合にエラーが表示されること", async () => { ... });
it("APIエラー時にトースト通知が表示されること", async () => { ... });
it("キーボード操作でボタンが活性化し、onClickが呼ばれること", async () => { ... });
});
フィードバックのガイドライン
- コード生成(GREENフェーズ)に移る前に、ユーザーに「これらのシナリオで網羅されていますか?」と確認します。
- ユーザーの追加要望があれば、そのシナリオをテストコードに反映させます。
chat Comments (0)
Sign in to join the discussion and leave a comment.
Skill Details
GitHub Stars
0
GitHub Forks
0
Created
Jan 2026
Last Updated
6 months ago
tools
tools testing
Related Skills
Build your own?
Join 12,000+ developers contributing to the Claude ecosystem.
No comments yet. Be the first to share your thoughts!