DEV Community

Cover image for Write your first test in Cypress
Dilpreet Johal
Dilpreet Johal

Posted on

5 3

Write your first test in Cypress

In this tutorial, we will cover how to write your first test in Cypress. We will go over the basic Cypress syntax and run our tests using the Cypress Test Runner.

Creating your Cypress Test

Cypress Test

  • to go to any URL, you can use the cy.visit() command
  • Cypress also provides various types of page assertions such as cy.url() and cy.title() to assert the URL as well as the title of the page

Running your Cypress Test in the Cypress Test Runner

To open the Cypress Test Runner, you can execute the following command below:

npx cypress open

Once the Cypress Test Runner opens up, you can execute your test which will show results similar to this below:

  • You can see all the Cypress commands listed below such as visit, URL & title
  • All your successful assertions will show in Green and failed assertions in Red

Cypress Test Runner


Check out the video below to see how to create your first test in Cypress:


📧 Subscribe to my mailing list to get access to more content like this

đź‘Ť Follow automationbro on Twitter for the latest updates

...

I love coffees! And, if this post helped you out and you would like to support my work, you can do that by clicking on the button below and buying me a cup of coffee -

Buy me a coffee

You can also support me by liking and sharing this content.

Thanks for reading!

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

đź‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay