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

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

Ratings 4.21 / 5.00

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

What You Will Learn!

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

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