Udemy

Platform

日本語

Language

Network & Security

Category

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

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

4.72 (130 reviews)

Students

4.5 hours

Content

Sep 2021

Last Update
Regular Price


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



Screenshots

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

Content

はじめに

React ソフトウェアテスト概要

Visual Studio Code + Node.js インストール

React Testing Library+JESTによるReactテスト

Source code

Rendering テスト

[豆知識] Visual Studio Code Jest 拡張機能

UserEvent テスト

List Component テスト

useEffect テスト

API Mock (Mock Server Worker) コンポーネント

API Mock (Mock Server Worker) テスト

[Redux] createSlice

[Redux] Reducer テスト

[Redux] extraReducer テスト

[Redux] React コンポーネント

[Redux] Integration テスト

[Redux] AsyncThunk Integration テスト

[Redux] AsyncThunk + API Mock Integration テスト

Custom Hook テスト

更に勉強したい人向け

TypeScript 無料コース


Reviews

Y
Y27 March 2021

Reactは書けるけど、テストは書いたことない状態での受講です。 コース内容のとおり、一通りのテストを習得することができます。 土台は習得できるので、公式のリファレンスを頼ってテストコードは書いていけそうです。 あとコースはテストに注力してて、バックエンドのソースを書いたりせず、純粋にテストだけに時間を使えたのが良かったです。

M
Masakinihirota17 September 2020

講義内容は良いです、発音もよく1.5倍速でも聞き取れます、ただ画面の文字が小さく見にくいですズームもしてくれるしソースもあるので問題はないのですが学習する時少し工夫が必要です、それに講義の動画が長いです、15分ぐらいの講義動画にして欲しいです、動画で学習すると必ず一時停止や巻き戻しを何度かやるので終わるまで2倍ぐらいの時間がかかるからです。


3399722

Udemy ID

8/7/2020

Course created date

8/13/2020

Course Indexed date
Bot
Course Submitted by