test
Installation
SKILL.md
chrome-devtools を使って動作確認テストを実行する。$ARGUMENTS は issue 番号(123、#123)または URL。$ARGUMENTS が空の場合はユーザーに issue 番号を質問する。
前提条件
- chrome-devtools コマンドがインストール済みであること
/chrome-devtools-cliスキルがインストール済みであること
手順
1. 既知の問題点を読み込む
このスキルのディレクトリにある config.json を読み込み、過去のテストでハマったポイントを把握する。テスト実行時にこれらのポイントに注意し、同じ問題を回避する。
2. チェックリストの確認
tmp/issues/<issue番号>/checklist.md の存在を確認する。
- 存在する場合: チェックリストの全項目を読み込み、テスト対象とする
- 存在しない場合: AskUserQuestion でユーザーにどのようなテストを行うか質問し、回答をもとにチェックリストを
tmp/issues/<issue番号>/checklist.mdに作成する
3. テストの実行
チェックリストの各項目について、/chrome-devtools-cli スキルを使って動作確認を行う。
- チェックリストの項目を上から順に実行する
- 各項目について以下を行う:
/chrome-devtools-cliでブラウザ操作を行い、期待する動作を確認する- 操作の要所でこまめにスクリーンショットを撮影し、
tmp/issues/<issue番号>/screenshots/配下に保存する(ファイル名例:01_ログイン画面.png,02_ボタンクリック後.pngなど、連番と内容がわかる名前をつける) - 確認が取れた項目は
checklist.md内のチェックボックスを- [x]に更新する - 確認に失敗した項目はチェックを入れず、失敗内容をコメントとして項目の下に追記する(例:
- NG: ボタンクリック後にエラーが表示された)
- 全項目の確認が完了したら、結果サマリーをユーザーに報告する
4. ハマりポイントの記録
テスト中に発生した問題や予期しない挙動があった場合、config.json に記録する。記録する内容:
issue: 発生した問題の概要cause: 原因(判明している場合)workaround: 回避策や対処法date: 発生日
注意事項
- テスト実行前に必ず
config.jsonの既知の問題点を確認し、同じポイントでハマらないようにする - スクリーンショットを活用して視覚的な確認も行う
- テストが全て通った場合でも、
config.jsonに有用な知見があれば追記する - 失敗した項目がある場合、原因の調査は行うがコードの修正は行わない。修正が必要な場合はユーザーに報告する
Related skills
More from tanabee/skills
create-pr-text
GitHub issue から PR のタイトルと説明文を作成する。
15create-checklist
GitHub issue から受け入れテスト用の動作確認チェックリストを作成する。
12code-review
コードレビューを行う。PR が存在する場合は PR を、ローカルブランチの場合はメインブランチとの差分をレビューする。
9firebase-auth-internal-app
Integrate Firebase Auth (authentication + domain restriction) into internal applications. Includes domain restriction via Blocking Functions and user registration to Firestore.
7