DEV Community

Play Button Pause Button
Hasan
Hasan

Posted on

Master Cypress Testing with Full-Stack App | E2E Test | Auth, Maps, CRUD, GitHub Actions

In this Tutorial, I’m going to walk you through how I added Cypress test code to a full-stack game review app! This app includes important features like authentication, CRUD operations, and map rendering, and I’ll be showing you step-by-step how I implemented Cypress tests for all of these functionalities.

Throughout this tutorial, you’ll learn:

  • How to set up Cypress in an existing project
  • How to configure Cypress with environment variables
  • Majorly used essential Cypress methods
  • Working with fixtures, mocking APIs, and handling API responses in Cypress
  • How to run all Cypress tests with a single command
  • Finally, integrating Cypress tests into GitHub Actions to automate test running on every push.

By the end of this video, you'll be confident in adding Cypress testing to your full-stack apps and setting up continuous integration with GitHub Actions.

Source Code: https://github.com/hasan-py/Cypress-Full-Stack-E2E-Testing

Watch the full tutorial video from YouTube:

Alt text

Top comments (0)