【公開講座】JavaScriptテスト入門 -Vitest, TypeScript, React応用-

JavaScriptテスト入門 -Vitest, TypeScript, React応用-

コース概要

Vitestを使ったテストコード作成の方法を学び、Reactアプリケーションのテストの自動化について学べるコースです。

VitestはJavaScriptテスティングフレームワークの一つで、この分野でのデファクトスタンダードであるJestと互換性があります。
高速なテスト実行を特徴とし、多様なJavaScriptアプリケーションフレームワーク対応、ECMAScript Module対応、モック機能、カバレッジ収集などがサポートされています。
本コースはVitest以外にも、React Testing LibraryによるUIテスト、Mock Service WorkerによるモックWeb APIの用意、テスト駆動開発の体験も含まれています。
多数のハンズオンや練習問題を用意していますので、体験的にテストの自動化を学ぶことができます。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

学習目標

■JavaScriptアプリケーションのテスト自動化を行えるようになる

対象者

■JavaScriptアプリケーションのテスト自動化について学びたい方

前提条件

下記をご受講済みの方、もしくは同等の技能をお持ちの方
■ Reactを使って簡単なアプリケーションを作成できる方
■ TypeScriptについて初歩的な文法をご存じの方
■ ECMAScript2015以降のJavaScriptの文法をご存じの方

開催日数

2日間

主催団体

本コースは、株式会社カサレアルが主催しております。

カリキュラム

■ 自動化テスト
　□ テストの自動化とは
　□ 自動化テストの条件
■ Vitestの基礎
　□ Vitestとは
　□ テストを書き、実行する
　□ マッチャー
　□ テスト前後の定型処理
　□ 例外のテスト
　□ モック
　□ カバレッジ計測
■ UIテスト
　□ UIテストの難しさ
　□ React Testing Libraryについて
　□ React Testing Libraryの基本的な使い方
　□ 要素を取得するメソッド
　□ ユーザー操作の模倣
　□ Context APIを利用するコンポーネントのテスト
■ HTTP通信を伴うテスト
　□ Mock Service Workerについて
　□ Mock Service Workerの基本的な使い方
　□ テスト毎に挙動をカスタマイズする
■ テスト駆動開発を体験する ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

実行環境

■ React v18以上
■ TypeScript v5以上
■ Vite v5以上
■ Vitest v1.3以上
■ Chrome
■ Visual Studio Code ※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

配布資料

■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。

留意事項・備考

【事前に必ず以下をご確認の上お申込みください】
＊主催団体によりキャンセルポリシーが異なります。
＊お申し込み後のキャンセルにつきましてはこちらをご確認ください。
＊キャンセル期限までは無料にてキャンセルを承ります。
＊キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
＊事前のお席の確保は原則承っておりません。
＊お申込み内容は、翌営業日以降に確定いたします。
＊お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

◆オンライン研修環境
【使用ツール】
動画配信：Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答：オンラインチャットシステム

演習環境：仮想デスクトップ

【システム要件】
・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）

【OS/ブラウザ】
OS：Windows　/　ブラウザ：Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。