Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法)
Highest Rated
Rating: 4.2 out of 5(293 ratings)
2,934 students

Reactソフトウェアテスト(Hooks+ReduxToolKit時代のモダンテスト手法)

[React18対応] React Testing Library + JESTを使った最新ソフトウェアテスト手法を解説。Redux ToolKitのIntegration Testや最新API Mock手法を解説。
Created byZin nux
Last updated 2/2025
Japanese

What you'll learn

  • React Testing Library+JEST を使ったReactテスト手法
  • React Hooksコンポーネントのテスト
  • API モック手法 (Mock Server Worker Library)
  • Redux ToolKit での統合テスト手法

Course content

3 sections27 lectures4h 23m total length
  • React ソフトウェアテスト概要7:22
  • Visual Studio Code + Node.js インストール0:12

Requirements

  • React HooksとRedux ToolKitの基礎知識
  • Mac OS

Description

2018年にリリースされたReact Testing Libraryは、よりユーザー挙動に近いテストを実行できるツールとしてReactも公式に採用を推奨しています。また、従来のEnzymeよりReact Hooksとの相性がよく、React Testing Libraryの人気が急激に上がっています。Hooks 時代の必須テストスキルに乗り遅れないために、本コースでReact Testing Libraryの使い方を解説していきます。


コース内容

1. Rendering テスト

2. userEventによるユーザー動作シミュレーションとテスト(useState)

3. useEffect テスト

4. API Mocking (Mock Server Worker Library) 手法

5. [Redux ToolKit] reducer/ExtraReducer テスト

6. [Redux ToolKit Integration Test] Redux / AsyncThunk 非同期テスト

7. [Redux ToolKit Integration Test] AsyncThunk + Mock API 非同期 + API Mock テスト

8. Testing Custom Hooks


Who this course is for:

  • React のソフトウェアテスト手法に興味のある方