Cypress Tutorial

Cypress is an open-source javascript-based testing tool. In a nutshell, Cypress is a next-generation front end testing tool built for the modern web. Cypress comes fully baked, batteries included. Here is a list of things it can do:

Cypress takes snapshots as your tests run, so you can see exactly what happened at each step.
You can directly debug from the Browsers Developer tools.
Cypress automatically waits for commands and assertions before moving on.
You can verify and control the behavior of functions, server responses, or timers, which are useful in writing Unit Tests.
You can mock, manipulate, and test network traffic without involving your server.
Screenshots are taken automatically on failure, and videos of your entire test suite are automatically recorded when run from the CLI.
You can run your tests on multiple browsers.

Over the past few weeks, I have been playing around with cypress, and it has been an enriching experience. I have been doing Automation for a few years now, but working with cypress has been a different experience altogether, mostly because of its intuitive commands and test debugging features. So, based on my learnings and experience, I have written a few blogs explaining the different features and capabilities of cypress. Every blog includes a working example (a test script automating a scenario) with a detailed explanation. Also, don’t forget to check out the Github repo if you want to skip to the good part 🙂

Github (Download All Test Scripts)