🧪 フロントエンドテスト入門

Jest + React Testing Library を使ったコンポーネントテストの基本。ユニットテスト、統合テスト、ユーザーイベントのテストを実践します。

学習内容

  • Jest の導入と設定
  • React Testing Library の基本
  • ユニットテストの作成
  • 統合テストの作成
  • ユーザーイベントのテスト
  • テストカバレッジの確認

1. Counter コンポーネント

シンプルな状態管理とボタンクリックのテスト

0

2. UserForm コンポーネント

フォーム入力とバリデーションのテスト

3. TodoList コンポーネント

リスト操作の統合テスト

タスクがありません

テストの実行方法

# すべてのテストを実行

npm test

# ウォッチモードで実行

npm run test:watch

# カバレッジを確認

npm run test:coverage