Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/applitools/example-cypress-javascript
Applitools Example: Cypress in JavaScript
https://github.com/applitools/example-cypress-javascript
applitools applitools-example applitools-eyes applitools-tutorial cypress javascript test-automation tutorial ultrafast-grid visual-testing
Last synced: about 1 month ago
JSON representation
Applitools Example: Cypress in JavaScript
- Host: GitHub
- URL: https://github.com/applitools/example-cypress-javascript
- Owner: applitools
- License: apache-2.0
- Created: 2022-08-17T19:54:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-01T04:40:12.000Z (11 months ago)
- Last Synced: 2024-04-14T04:52:37.228Z (8 months ago)
- Topics: applitools, applitools-example, applitools-eyes, applitools-tutorial, cypress, javascript, test-automation, tutorial, ultrafast-grid, visual-testing
- Language: JavaScript
- Homepage: https://applitools.com/tutorials/quickstart/web/cypress
- Size: 523 KB
- Stars: 2
- Watchers: 4
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Applitools Example: Cypress in JavaScript
This is the example project for the [Cypress JavaScript tutorial](https://applitools.com/tutorials/quickstart/web/cypress).
It shows how to start automating visual tests
with [Applitools Eyes](https://applitools.com/platform/eyes/)
and [Cypress](https://www.cypress.io/) in JavaScript.
It uses:
* [JavaScript](https://www.javascript.com/) as the programming language
* [Cypress](https://www.cypress.io/) for browser automation
* [Google Chrome](https://www.google.com/chrome/downloads/) as the local browser for testing
* [npm](https://www.npmjs.com/) for dependency management
* [Applitools Eyes](https://applitools.com/platform/eyes/) for visual testing
* [Applitools Ultrafast Grid](https://applitools.com/platform/ultrafast-grid/) for cross-browser execution
To run this example project, you'll need:
1. An [Applitools account](https://auth.applitools.com/users/register), which you can register for free
2. [Node.js](https://nodejs.org/en/download/) version 16 or higher
3. A good JavaScript editor like [Visual Studio Code](https://code.visualstudio.com/docs/languages/javascript)
4. Up-to-date versions of the following browsers:
* [Google Chrome](https://www.google.com/chrome/)
* [Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/)
* [Microsoft Edge](https://www.microsoft.com/en-us/edge)
To install project dependencies and set up Applitools Eyes, run:
```
npm install
npx eyes-setup
```
The Applitools config file is [`applitools.config.js`](applitools.config.js).
The main test spec is [`acme-bank.spec.js`](cypress/integration/acme-bank.spec.js).
To execute tests, set the `APPLITOOLS_API_KEY` environment variable
to your [account's API key](https://applitools.com/tutorials/guides/getting-started/registering-an-account).
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](https://applitools.com/tutorials/quickstart/web/cypress)!**