applitools / example-cypress-javascript

Applitools Example: Cypress in JavaScript

Applitools Example: Cypress in JavaScript

This is the example project for the Cypress JavaScript tutorial. It shows how to start automating visual tests with Applitools Eyes and 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

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!