test-frontend-units
✓Vitest を使用して、Fake Survey Generator React アプリケーションのフロントエンド コンポーネントの単体テストを実行します。このスキルは、React コンポーネントが適切にテストされていること、および既存のテストが引き続き合格することを検証します。テストの失敗とコード カバレッジ メトリックをレポートします。
SKILL.md
Use this skill to run unit tests for React components to validate that features are properly tested and components function as expected.
| "Unable to find an element" error | Selector doesn't match any elements | Use more specific selectors (getByRole, getByLabelText) or use screen.debug() | | Timeout in waitFor | Async operation not completing | Check mock setup, increase timeout, verify component updates state |
| Import errors in tests | Wrong import paths | Use relative paths from test file location (e.g., ../test/test-utils) | | Type errors with mocks | Mock return type mismatch | Ensure mock data matches component prop types | | Auth0 not mocked | Setup.ts not loading | Verify vitest.config.ts has correct setupFiles path |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/marcelmichau/fake-survey-generator --skill test-frontend-units- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
test-frontend-units とは?
Vitest を使用して、Fake Survey Generator React アプリケーションのフロントエンド コンポーネントの単体テストを実行します。このスキルは、React コンポーネントが適切にテストされていること、および既存のテストが引き続き合格することを検証します。テストの失敗とコード カバレッジ メトリックをレポートします。 ソース: marcelmichau/fake-survey-generator。
test-frontend-units のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/marcelmichau/fake-survey-generator --skill test-frontend-units インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/marcelmichau/fake-survey-generator
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01