コース概要

Day 1 – Introduction & Basics

Introduction

  • Cypressのテストピラミッドにおける役割
  • テスト自動化環境のセットアップ(Node LTS, npm)
  • 最小限のCypressプロジェクトの作成
  • GUIとヘッドレスモードでの最初の「smoke」E2Eテスト

Core Concepts

  • Cypressの基本、コマンドキュー、自動リトライ
  • フックの使用:before, beforeEach, afterEach, after
  • エイリアスと再利用性(.as(), cy.get('@alias'))

API (Contract) Testing

  • Cypressを使用した直接的なAPIテスト(cy.request())
  • エッジケースのためのAPIスタブ(cy.intercept())
  • フロントエンドとバックエンドの統合安定性を確保する

Custom Cypress Commands

  • 重复的なアクション(ログイン、ナビゲーション)をカスタムコマンドに組織化する
  • 再利用可能な呼び出しでクリアなメンテナンス性の高いコード(cy.login())

Schedule: theory + demo + hands-on exercises Prerequisites: basic JS knowledge, VSCode, Git

Day 2 – Advanced Practices & CI/CD

Building Complex Tests

  • 完全なユーザーフローの自動化
  • cy.interceptとcy.sessionを使用した状態管理
  • 不安定なテストを避け、安定性と速度を向上させる

Data-Driven Testing

  • JSONファイル(フィクスチャ)にテストデータの保存
  • 同じロジックを複数の入力で実行するパラメータ化されたテスト

Cypress Plugins

  • レポート:mochawesome, allure-cypress, junit-reporter
  • インタラクション:cypress-file-upload, cypress-real-events
  • アクセシビリティ:cypress-axe, cypress-audit
  • ビジュアルレグレーション:cypress-image-snapshot
  • メンテナンス性:@testing-library/cypress, cypress-plugin-tab

CI/CD with Cypress

  • GitHub Actionsの統合
  • Node.jsとCypress環境のセットアップ、ヘッドレス実行
  • push/PR時の自動テスト実行
  • シークレットの安全な取り扱い

Summary and conclusion

要求

  • ソフトウェアテストの理解

対象者

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

参加者の人数


参加者1人あたりの価格

お客様の声 (5)

今後のコース

関連カテゴリー