Cypress UI

Learn about Cypress UI and run a simple test using Cypress.

We'll cover the following


Cypress is a modern tool used for testing. It has many advantages over other testing tools, which we will discuss in detail in the Cypress Vs Other Tools. Cypress comes with a UI and we can launch its UI with the following command.

npx cypress open


npm run cy:open

Let’s write the test and run it through a Cypress UI.


Note: You can see the Cypress UI better by opening the link next to Your app can be found at:

context("Screen shot", () => {
  it("Must visit the site and take a screenshot", () => {
Cypress UI

Cypress is going to run this test. Visit the specified page and take a screenshot. In this case, it will be a screenshot of the ReactJSDay website.