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 スキルを使って動作確認を行う。

  1. チェックリストの項目を上から順に実行する
  2. 各項目について以下を行う:
    • /chrome-devtools-cli でブラウザ操作を行い、期待する動作を確認する
    • 操作の要所でこまめにスクリーンショットを撮影し、tmp/issues/<issue番号>/screenshots/ 配下に保存する(ファイル名例: 01_ログイン画面.png, 02_ボタンクリック後.png など、連番と内容がわかる名前をつける)
    • 確認が取れた項目は checklist.md 内のチェックボックスを - [x] に更新する
    • 確認に失敗した項目はチェックを入れず、失敗内容をコメントとして項目の下に追記する(例: - NG: ボタンクリック後にエラーが表示された
  3. 全項目の確認が完了したら、結果サマリーをユーザーに報告する

4. ハマりポイントの記録

テスト中に発生した問題や予期しない挙動があった場合、config.json に記録する。記録する内容:

  • issue: 発生した問題の概要
  • cause: 原因(判明している場合)
  • workaround: 回避策や対処法
  • date: 発生日

注意事項

  • テスト実行前に必ず config.json の既知の問題点を確認し、同じポイントでハマらないようにする
  • スクリーンショットを活用して視覚的な確認も行う
  • テストが全て通った場合でも、config.json に有用な知見があれば追記する
  • 失敗した項目がある場合、原因の調査は行うがコードの修正は行わない。修正が必要な場合はユーザーに報告する
Related skills
Installs
4
Repository
tanabee/skills
GitHub Stars
2
First Seen
Mar 28, 2026