javascript-testing-patterns
JestとVitestでJavaScriptテストを書く
JavaScriptおよびTypeScriptアプリケーションの信頼性の高いテストを作成することは、時間がかかり、エラーが発生しやすいです。このスキルは、モック、フィクスチャ、TDDワークフローを備えたユニットテスト、統合テスト、コンポーネントテストのすぐに使えるテストパターンを提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「javascript-testing-patterns」を使用しています。 ユーザーサービスを作成、更新、削除するテストを書いてください
期待される結果:
- CRUD操作を持つUserServiceを作成しました
- create()メソッドをテストしました - 成功ケースと重複ユーザーエラー
- update()メソッドをテストしました - 成功ケースとユーザーが見つからないエラー
- delete()メソッドをテストしました - 正常削除と存在しないユーザー
- beforeEachを使用してテスト間でサービス状態をリセットしました
- すべてのエッジケースの包括的なアサーションを追加しました
「javascript-testing-patterns」を使用しています。 外部エンドポイントからデータを取得するAPIサービスのテストを作成してください
期待される結果:
- fetchUserとcreateUserメソッドを持つApiServiceをセットアップしました
- 分離テストのためにvi.fn()でglobal.fetchをモックしました
- モック応答で正常なユーザー取得をテストしました
- 失敗したAPI呼び出しのエラー処理をテストしました
- 正しいHTTPメソッドとリクエストボディを確認しました
「javascript-testing-patterns」を使用しています。 ユーザー入力と送信のあるReactコンポーネントテストを書いてください
期待される結果:
- Testing LibraryでUserFormコンポーネントをレンダリングしました
- 入力フィールドのレンダリングと状態更新をテストしました
- onSubmitコールバックが正しいデータで発火することを確認しました
- fireEventを使用してユーザーインタラクションをシミュレートしました
- 信頼性の高い要素選択のためにtestid属性を追加しました
セキュリティ監査
安全This is a documentation-only skill containing testing pattern examples. The static analyzer flagged 153 patterns, but ALL are FALSE POSITIVEs: weak crypto alerts are triggered by test fixture strings (hashed_password), backtick alerts are TypeScript template literals, path traversal alerts are relative import paths in test code, and the critical heuristic is an invalid combination of benign testing patterns. The previous audit correctly classified this as SAFE.
リスク要因
🌐 ネットワークアクセス (33)
⚙️ 外部コマンド (43)
📁 ファイルシステムへのアクセス (9)
品質スコア
作れるもの
Reactコンポーネントのテスト
React Testing Libraryを使用してコンポーネントをテストし、UIの動作とユーザーインタラクションを確認します。
APIエンドポイントのテスト
データベースフィクスチャと認証フローを含むREST APIの統合テストを作成します。
TDDワークフローの実装
テスト駆動開発のパターンに従って、高いカバレッジで信頼性の高い関数とサービスを構築します。
これらのプロンプトを試す
通常ケース、エッジケース、エラー条件をカバーするこの関数のユニットテストを書いてください。
vi.mockまたはjest.mockを使用して外部API呼び出しをモックするこのサービスのテストを作成してください。
@testing-library/reactを使用してコンポーネントをテストし、ユーザーインタラクションとレンダリングをテストしてください。
このREST APIエンドポイントの統合テストを、認証とデータベースクリーンアップを含めて作成してください。
ベストプラクティス
- AAAパターンを使用してください：入力を配置し、関数で操作し、期待される結果をアサートする
- 外部依存関係をモックして、テストを高速に保ち実際のサービスから分離する
- リファクタリングに耐性のあるテストにするため、実装詳細ではなく動作をテストする
回避
- 頻繁に変更される実装詳細のテストは避けてください
- 実行順序や共有状態に依存するテストは書かないでください
- ユニットテストで低速な外部サービスのモックをスキップしないでください