DEV Community

0 seconds of 2 hours, 1 minute, 24 secondsVolume 90%
Press shift question mark to access a list of keyboard shortcuts
00:00
00:00
2:01:24
 
Hasan
Hasan

Posted on • Edited on

7

Learn Cypress Automation | E2E Test | Full-Stack App | Typescript | 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.

Watch the full tutorial video from YouTube:

Alt text

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay