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

WEB

実践重視のプログラムで「わかる」を「できる」に！

株式会社カサレアル

No. RJ2015CRL 2015CRL

24/11/29 更新

お申込みはこちら

研修内容・特徴
到達目標
研修プログラム
留意事項・備考
スケジュール
お申込後の流れ
似たテーマの研修

対象者target

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

前提知識

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

研修内容・特徴outline・feature

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

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

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

到達目標goal

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

主催団体organizer

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

研修プログラムprogram

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

配布資料demo

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

お問合せフォームへ

留意事項・備考notice

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

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

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

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

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

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

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