...

/

Getting Started with the Cypress Framework

Getting Started with the Cypress Framework

Explore Cypress, the fastest and most popular cross-browser JavaScript testing framework.

Cypress is by far the fastest and most adopted cross-browser front-end JavaScript testing framework. It’s a developer-friendly, fast execution solution by design and runs on the browser.

In this lesson, we’ll run the first Cypress test in JavaScript. Note that Cypress also supports TypeScript and can be configured to run with the Cucumber BDD framework as well.

From the CLI, we can launch the GUI version of Cypress and launch any tests that are available in the testing directory or connect the Cypress framework with the online Cypress web dashboard.

We can launch the Cypress GUI by using the following command:

npx cypress open

Upon execution of this command, the Cypress GUI will launch as follows:

Press + to interact
canvasAnimation-image

When we click on any of the available JavaScript tests on the left panel under “SPECS,” the execution will immediately start on a local browser. If we have multiple browsers installed, we can define which of these will be used for the target executions.

The following is a screenshot of a live execution on a local browser using Cypress:

Press + to interact
Cypress live execution of a JavaScript test scenario on a local browser
Cypress live execution of a JavaScript test scenario on a local browser
...