Course curriculum

    1. 本講座で学べる事・デモ

    1. なぜ、フロントエンドテストすべきなのか

    2. テストの種類とコストと信頼度のトレードオフ

    3. まずは環境開発構築からはじめよう

    4. Vitestのセットアップを始めよう

    5. vite.config.tsとtsconfig.tsファイルの修正

    6. テストを書いてみよう

    7. QueryClientProviderをテスト環境で用意しよう

    8. Todoのローディング状態のテスト

    9. Todoの初期レンダリングテスト

    10. モックAPIの準備をしよう(mswを利用)

    11. モックAPIサーバーを正常に起動・終了させよう

    12. Todoアプリが正常にレンダリングされているかテストしよう

    13. Todo一覧取得と表示のテスト

    14. Todo追加のテスト

    15. postリクエストのモックAPIを用意しよう

    16. Todo削除のテスト

    17. テストケース毎にTodoをリセットしよう

    18. deleteリクエストのモックAPIを用意しよう

    19. Todo編集のテスト

    20. editリクエストのモックAPIを用意しよう

    21. カバレッジテストをやってみよう

    1. ※これ以降の動画は準備中です。

    2. PlaywrightでE2Eテストをはじめよう

    3. デプロイ済みのTodoアプリでE2Eテストをはじめよう

    4. Todo削除のE2Eテストを書いてみよう

    5. Todo編集のE2Eテストを書いてみよう

    1. おわりに

About this course

  • 24,900円
  • 28回のレッスン
  • 2時間の動画コンテンツ

Discover your potential, starting today