End-to-End Test Automation with Cypress Training Course

Day 1 – Introduction & Basics

Introduction

• The role of Cypress in the testing pyramid for government applications
• Setting up a test automation environment (Node LTS, npm) for government use
• Creating a minimal Cypress project for government projects
• Conducting the first “smoke” end-to-end (E2E) test in both GUI and headless modes for government systems

Core Concepts

• Cypress fundamentals, command queue, and automatic retry mechanisms for government testing
• Utilizing hooks: before, beforeEach, afterEach, after in government test scenarios
• Implementing aliases and reusability (.as(), cy.get('@alias')) in government test cases

API (Contract) Testing

• Direct API testing with Cypress (cy.request()) for government services
• Using cy.intercept() for API stubbing to handle edge cases in government applications
• Ensuring the stability of frontend-backend integration for government systems

Custom Cypress Commands

• Organizing repetitive actions (login, navigation) into custom commands for government applications
• Achieving cleaner, maintainable code with reusable calls (cy.login()) in government testing

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

Day 2 – Advanced Practices & CI/CD

Building Complex Tests

• Automating full user flows for government applications
• Controlling state with cy.intercept and cy.session in government test scenarios
• Avoiding flaky tests and improving stability and speed for government testing

Data-Driven Testing

• Storing test data in JSON files (fixtures) for government use
• Running parameterized tests with the same logic and multiple inputs for government applications

Cypress Plugins

• Reporting: mochawesome, allure-cypress, junit-reporter for government test results
• Interactions: cypress-file-upload, cypress-real-events for government user interfaces
• Accessibility: cypress-axe, cypress-audit to ensure compliance with government standards
• Visual regression: cypress-image-snapshot for government application interfaces
• Maintainability: @testing-library/cypress, cypress-plugin-tab for government test code

CI/CD with Cypress

• Integrating Cypress with GitHub Actions for government projects
• Setting up the Node.js and Cypress environment, including headless execution, for government systems
• Automating test runs on push/PR for government repositories
• Secure handling of secrets in government CI/CD pipelines

Summary and Conclusion