IT・技術研修ならCTC教育サービス

コース内容

コース概要

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

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

学習目標

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

対象者

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

前提知識

・Reactを使って簡単なアプリケーションを作成できる方
・TypeScriptについて初歩的な文法をご存じの方
・ECMAScript2015以降のJavaScriptの文法をご存じの方

スクール環境

※使用ソフトウェアについて
変更頻度が高いため、詳細につきましてはお問い合わせください。

内容

●自動化テスト
・テストの自動化とは
・自動化テストの条件
●Vitestの基礎
・Vitestとは
・テストを書き、実行する
・マッチャー
・テスト前後の定型処理
・例外のテスト
・モック
・カバレッジ計測
●UIテスト
・UIテストの難しさ
・React Testing Libraryについて
・React Testing Libraryの基本的な使い方
・要素を取得するメソッド
・ユーザー操作の模倣
・Context APIを利用するコンポーネントのテスト
●HTTP通信を伴うテスト
・Mock Service Workerについて
・Mock Service Workerの基本的な使い方
・テスト毎に挙動をカスタマイズする
●テスト駆動開発を体験する

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
　■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　（https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linux）
　※Mattermostおよび演習環境はカサレアル社にてご用意いたします。

　■システム要件
　・インターネットに常時接続できること
　　（アクセス制限のないネットワーク環境をご利用ください）
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
　D3※事前にアクセス確認をご希望される方はお問い合わせください

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

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