【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門

プロジェクト開発でフロントエンドテストは重要です。バグの早期発見や開発速度の向上、何よりも開発者が安心してコーディングできる環境を作ることができます。今までテストに触れて来なかった方、実務でテストを書く必要になった方にオススメの講座です。
4.43 (89 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門
1,064
students
5 hours
content
Feb 2024
last update
$39.99
regular price

What you will learn

テストとは何か?なぜテストする必要があるのかが分かる

フロントエンドテストの基礎が理解できる

React環境でテストを実装する方法が分かる

Testing Library/Jest/vitestを使ってテストを書くことができる

TDDの意味とハンズオンでTDD設計の流れが分かる

Jestのwatchモードについて理解できる

describeを使ってテストのグルーピングテストが実装できる

カバレッジテストの意味とその使い方が分かる

簡単なフォームを作成しながらTesting Library/Jestのクエリが学べる

RTLクエリ(get/query/find)の基礎が分かる

RTLクエリの優先度について理解できる

複数要素が存在する場合のDOMテストが分かる

非同期処理のテスト実装方法が分かる

Testing Playground拡張機能の使い方が分かる

ユーザーイベントテスト手法が学べる

user-eventライブラリを使ってクリックやキーボードインタラクションテストが実装できる

Reactのカスタムフックスの実装とそのテストができる

mswの基礎を学んでWebAPIモックテストができる

エラーハンドリングテストが実装できる

vite/vitestを使ったモダンReact開発環境が学べる

eslint/prettierのセットアップ方法が分かる

lint-staged/Huskyの意味と実装方法が分かる

Screenshots

【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_01【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_02【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_03【Reactテスト入門】React Testing Library/Jest/Vitestで学ぶフロントエンドテスト入門 - Screenshot_04
5744722
udemy ID
1/4/2024
course created date
1/27/2024
course indexed date
Bot
course submited by