お問い合わせ

コース概要

第1日目:導入および基本事項

はじめに

  • テストピラミッドにおけるCypressの役割について
  • テスト自動化環境の設定方法(Node LTSおよびnpm)
  • Cypressプロジェクトを最小構成で作成する手順
  • グラフィカルモードおよびヘッドレスモードでの初回エンドツーエンドテスト実行方法

基本的な仕組みについて

  • Cypressの基本原理、コマンドキューおよび自動リトライ機能の解説
  • フック(before/beforeEach/afterEach/after)の使い方について
  • エイリアスの利用法および再利用性の向上方法(.as()やcy.get('@alias')など)

API(契約)テストについて

  • Cypressを用いた直接的なAPIテストの実施方法(cy.request())
  • 特殊なケースに対応するためのAPIスタブ作成手法(cy.intercept())
  • フロントエンドとバックエンド間の連携の安定性確認方法

独自のCypressコマンド作成について

  • 繰り返し行われる操作(ログインや画面遷移など)をカスタムコマンドとしてまとめる方法
  • 再利用可能な呼び出しによってコードの可読性・保守性が向上する例(cy.login()など)

スケジュール:理論説明とデモ、その後演習実践前提条件:JavaScriptの基礎知識、VSCodeおよびGitの利用経験

第2日目:高度な技法およびCI/CD活用方法

複雑なテスト構築について

  • ユーザーの操作フロー全体を自動化する方法
  • cy.interceptおよびcy.sessionを用いた状態管理手法
  • 不安定なテストの回避策や安定性・実行速度向上のための対応法

データ主導型テストについて

  • JSON形式のファイルを使用したテストデータ管理法
  • 複数の入力値で同じ処理を行うパラメータ化テストの実現方法

Cypressプラグインについて

  • レポート作成用:mochawesome、allure-cypress、junit-reporter
  • 操作支援用:cypress-file-uploadやcypress-real-events
  • アクセシビリティ評価用:cypress-axeやcypress-audit
  • 視覚的な差分検出用:cypress-image-snapshot
  • コード保守性向上用:@testing-library/cypressやcypress-plugin-tabなど

CypressとCI/CDの統合方法について

  • GitHub Actionsとの連携手順
  • Node.jsおよびCypress環境の構築法、ヘッドレスモードでの実行設定
  • プッシュやプルリクエスト時の自動テスト起動方法
  • 機密情報を安全に取り扱うための対策法

まとめおよび結論

要求

  • ソフトウェアテストに関する基礎知識があること

対象者

  • ソフトウェアテスターの方々
 14 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (3)

今後のコース

関連カテゴリー