Cypress with TypeScript

Course outline

1. 01. Getting Started with Cypress

   • What Is Cypress and How It Works
   • Installing Cypress with TypeScript
   • Writing and Running Your First Test
   • Cypress Test Runner — UI, Selector Playground, Time Travel
   • Chapter quizTake quiz →

2. 02. Core Commands & Selectors

   • Visiting Pages and Navigating
   • Selecting Elements — get, find, contains, within
   • Best Practices for Selectors — data-testid, role, text
   • Interacting with Elements — click, type, check, select
   • Assertions — should, expect, and Chaining
   • Chapter quizTake quiz →

3. 03. Working with the DOM

   • Handling Waits and Retries — Cypress Auto-Waiting
   • Working with Iframes and Shadow DOM
   • Handling Alerts, Confirms, and Popups
   • File Uploads and Downloads
   • Chapter quizTake quiz →

4. 04. Network & API in Cypress

   • Intercepting Network Requests with cy.intercept
   • Stubbing API Responses
   • Waiting for API Calls with Aliases
   • Testing API Endpoints with cy.request
   • Fixtures — Loading and Using Test Data
   • Chapter quizTake quiz →

5. 05. Advanced Patterns

   • Custom Commands — Building a Reusable Command Library
   • Page Object Model in Cypress
   • App Actions Pattern — Controlling State Directly
   • Environment Variables and Configuration
   • Data-Driven Testing with Parameterisation
   • Chapter quizTake quiz →

6. 06. Authentication & Complex Workflows

   • Login Strategies — UI Login vs API Login vs Session Caching
   • Preserving Sessions with cy.session
   • Testing OAuth and SSO Flows
   • Multi-Step Form and Wizard Testing
   • Chapter quizTake quiz →

7. 07. Visual Testing, Accessibility & Reporting

   • Screenshot and Video Recording
   • Visual Regression Testing — Percy and Applitools Concepts
   • Accessibility Testing with cypress-axe
   • Mochawesome Reports and Custom Reporters
   • Chapter quizTake quiz →

8. 08. CI/CD & Parallel Execution

   • Running Cypress in GitHub Actions
   • Running Cypress in Jenkins and GitLab CI
   • Parallel Execution and Load Balancing
   • Cypress Cloud — Dashboard, Analytics, and Flake Detection
   • Chapter quizTake quiz →

9. 09. Building a Production Framework

   • Project Structure for Large Test Suites
   • Shared Utilities, Constants, and Type Definitions
   • Data Factories and Dynamic Test Data
   • Maintaining and Scaling Your Test Suite
   • Chapter quizTake quiz →

10. 10. Capstone Project

    • Project Brief — Full E2E Test Suite for an E-Commerce Application
    • Guided Walkthrough — Setup, Page Objects, API Mocking, CI/CD Pipeline
    • Review, Stretch Goals, and Next Steps