Cypress UI

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

We'll cover the following

Introduction

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

or

npm run cy:open

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

Example

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", () => {
    cy.visit("https://2019.reactjsday.it");
    cy.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.