JavaScriptテスト入門 -Vitest, TypeScript, React応用-
| 期間 |
2日間 |
時間 |
9:30～17:00 |
| 価格(税込) | 121,000円(税込) |
主催 |
|
| コース種別 |
集合研修 |
|
| 形式 |
講義＋実機演習 |
コースコード |
WSC0128R |
※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。 ※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。 ※ お申込期日が過ぎた日程は、 「お問い合わせください」と表示されます。 ※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。 ※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。 お申込みに関するお問い合わせは こちらから
|
|
|
|
ワンポイントアドバイス
|
・弊社経由で他社主催研修へお申込みの場合、弊社が「訓練の実施機関」ではないため、人材開発支援助成金の申請書類にトレノケートは署名できません。「主催」欄をご確認ください。本研修コースはトレノケート経由のお申込では人材開発支援助成金の申請ができない旨を予めご了承のうえ、お申込みください。
|
|
対象者情報
| 対象者 |
・TypeScriptを導入して、Webアプリケーションのフロントエンド開発を担当する方
|
| 前提条件 |
□Reactを使って簡単なアプリケーションを作成できる方
□TypeScriptについて初歩的な文法をご存じの方
□ECMAScript2015以降のJavaScriptの文法をご存じの方
|
|
学習内容の詳細
|
コース概要
|
Vitestを使ったテストコード作成の方法を学び、Reactアプリケーションのテストの自動化について学べるコースです。
VitestはJavaScriptテスティングフレームワークの一つで、この分野でのデファクトスタンダードであるJestと互換性があります。
高速なテスト実行を特徴とし、多様なJavaScriptアプリケーションフレームワーク対応、ECMAScript Module対応、モック機能、カバレッジ収集などがサポートされています。
本コースはVitest以外にも、React Testing LibraryによるUIテスト、Mock Service WorkerによるモックWeb APIの用意、テスト駆動開発の体験も含まれています。
多数のハンズオンや練習問題を用意していますので、体験的にテストの自動化を学ぶことができます。
|
|
学習目標
|
● JavaScriptアプリケーションのテスト自動化を行えるようになる
|
|
学習内容
|
1. 自動化テスト
- テストの自動化とは
- 自動化テストの条件
2. Vitestの基礎
- Vitestとは
- テストを書き、実行する
- マッチャー
- テスト前後の定型処理
- 例外のテスト
- モック
- カバレッジ計測
3. UIテスト
- UIテストの難しさ
- React Testing Libraryについて
- React Testing Libraryの基本的な使い方
- 要素を取得するメソッド
- ユーザー操作の模倣
- Context APIを利用するコンポーネントのテスト
4. HTTP通信を伴うテスト
- Mock Service Workerについて
- Mock Service Workerの基本的な使い方
- テスト毎に挙動をカスタマイズする
5. テスト駆動開発を体験する
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
|
|
実習/演習内容詳細
ソフトウェア
ハードウェア |
■ React v18以上
■ TypeScript v5以上
■ Vite v5以上
■ Vitest v1.3以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
|
|
ご注意・ご連絡事項
・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
|
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
|
|