Getting Started with Cypress
Explore Cypress fundamentals and learn to run tests using both the GUI and IDE command line. Understand features like the Cypress selector, dashboard analytics, and how to write and execute JavaScript test scenarios for various device viewports. This lesson equips you to set up and run Cypress tests effectively in your front-end development workflow.
We can use both the Cypress GUI and the IDE to run the Cypress tests. Launching the Cypress GUI is done by running the following command:
npx cypress open
The Cypress GUI
After launching the Cypress GUI, we will be presented with three windows:
Specs: This gives an overview of scripts and execution. In this window, we can launch a single JavaScript or TypeScript test against any of the local browsers.
Runs: In this window, we can log in to the dashboard and run tests in parallel, identify test flakiness and debug failures, manage multiple users and organizations, integrate easily with the Jira defect management tool as well as CI tools, and get more scaled analytics on the overall test suites.
Settings: In this window, we can review our Cypress workspace configuration, the Node.js version used, the proxy settings configuration, the file opener preference, and so on:
When running a ...