Applitools Example: Cypress JavaScript with the Ultrafast Grid

This is the example project for the Cypress JavaScript tutorial. It shows how to start automating visual tests with Applitools Eyes and the Ultrafast Grid using Cypress in JavaScript.

It uses:

• JavaScript as the programming language
• Cypress for browser automation
• Google Chrome as the local browser for testing
• npm for dependency management
• Applitools Eyes for visual testing
• Applitools Ultrafast Grid for cross-browser execution

This project uses the latest version of Cypress. For Cypress 9, please visit our Cypress 9 example project.

To run this example project, you'll need:

1. An Applitools account, which you can register for free
2. Node.js version 16 or higher
3. A good JavaScript editor like Visual Studio Code
4. Up-to-date versions of the following browsers:
   • Google Chrome
   • Mozilla Firefox
   • Microsoft Edge

To install project dependencies and set up Applitools Eyes, run:

npm install
npx eyes-setup

The Applitools config file is applitools.config.js. The main test spec is acme-bank.spec.js.

To execute tests, set the APPLITOOLS_API_KEY environment variable to your account's API key.

Then, to open the Cypress window for launching tests, run:

npx cypress open

If you want to run tests directly from the command line, run this instead:

npx cypress run

For full instructions on running this project, take our Cypress JavaScript tutorial!