mcpField
T
testing

testing

github.com/redpanda-dataテスト・品質4.3k45 回インストール今日更新
リポジトリ

testing について

Vitest v4の二重構成を使うプロジェクト向けのテストスキルです。テストの作成やデバッグ、モック設定、テスト種別の選択に加え、操作要素と機能の接続確認を支援します。

主な機能

  1. 01単体テストと統合テストの区別
  2. 02モジュールモックの規則
  3. 03Zustandストアのテスト
  4. 04操作機能の接続確認
  5. 05カバレッジと対話型テストの実行

活用シーン

  1. 01テストの作成や変更
  2. 02テスト失敗の調査
  3. 03モジュール、ストア、トランスポートのモック

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/redpanda-data/console --skill testing

インストール後、Claude Code で/testingを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

rules/
mock-transport.md
no-ui-rendering-tests.md
test-mock-patterns.md
test-unit-vs-integration.md
test-zustand-stores.md

詳細

テスト

Vitest v4 のデュアル設定で、信頼性の高いテストを作成します。

有効化条件

  • テストの作成または変更
  • テスト失敗のデバッグ
  • モックの設定
  • テスト設定に関する質問

クイックリファレンス

操作ルール
テストの種類を選択するtest-unit-vs-integration.md
モジュールをモックするtest-mock-patterns.md
ストアをテストするtest-zustand-stores.md
Connect API をモックするmock-transport.md
UI レンダリングテストをスキップするno-ui-rendering-tests.md

コマンド

bun run test              # All tests (CI default)
bun run test:ci           # Sequential for CI
bun run test:unit         # Unit tests only
bun run test:integration  # Integration tests only
bun run test:ui           # Interactive UI
bun run test:watch        # Watch mode
bun run test:coverage     # Coverage report

主なポイント

  • .test.ts ＝ ユニット（Node.js）、.test.tsx ＝ 統合（JSDOM）
  • React コンポーネントのテストには必ず test-utils/test-utils.tsx を使用します
  • 機能が完全に結線されていることをテストします。UI 要素は実際の機能につながっている必要があります
機能の完全性テスト

インタラクティブな機能（ボタン、フォームなど）を実装する場合：

  • イベントハンドラーが適切なパラメーターで正しい関数を呼び出すことを確認します
  • AbortSignals、コールバック、その他の「配線」が渡されることをテストします
  • UI が表示されているだけで機能すると思い込まず、接続をテストします

このスキルを使用する場面

  • .test.ts または .test.tsx ファイルを作成する場合
  • モジュール、ストア、またはトランスポートをモックする場合
  • コンポーネントの動作テスト

対象外： 複数ページにわたるユーザーワークフロー → e2e-tester を使用します

ルール

詳細なガイダンスについては、rules/ ディレクトリを参照してください。

コメント

Markdown 対応