Skip to content

Repository created with the purpose to storing the project used during the training of the cypress created by iLAB. Also store my steps using git history.

Notifications You must be signed in to change notification settings

GiuliaMarcela/cypress-project-my-store

Repository files navigation

Automation Testing using Cypress

Repository created with the purpose to storing the project used during the training of the cypress created by iLAB. Also store my steps using git history.

About

Cypress is a next generation front end testing tool built for the modern web. They address the key pain points developers and QA engineers face when testing modern applications. The final training project is to create some test cases for the My Store page. A common site used for automation testing courses.

Challenge goals

  • Register in website
  • Buy 3 products
  • Change product quantity in shopping car.

Dependencies used

  • cypress
  • cypress-xpath
  • prettier
  • eslint
  • cypress-real-events
  • @faker-js/faker
  • cypress-mochawesome-reporter

Pre-requirements

To run this project, you will need:

  • git (I've used version 2.34.1 while writing this doc)
  • nodejs (I've used version v16.15.1 while writing this doc)
  • NPM (I've used version 8.11.0 while writing this doc)

Note: When installing nodejs, NPM is automatically installed too.

Installation

  1. Clone the repository
  2. Access the project folder
  3. Run npm install (or npm i for the short version) to install the dev dependencies.

Configuring the environment variables

Before running the tests, some environment variables need to be set up.

Make a copy of the cypress.env.example.json file as cypress.env.json, and set the appropriate values for all the variables.

Note: cypress.env.json file is not tracked by git.

Tests

In this project, you can run tests in interactive and headless modes

Headless mode

Run npm test (or npm t for the short version) to run the test in headless mode.

Run npm run cy:browser name of browser to run the test in headless mode om your preferred browser.

The test results should look like the below image.

Image of the command line showing what the test results looks like

Interactive mode

Or, run npm run cy:open to open Cypress in interactive mode.

Image of the interface of interactive mode looks like

Image of the interface of interactive mode showing what the test results looks like

Using cypress-grep

You can also run a specific suite test using tags.

Image of command line showing the test results using cypress-grep looks like

Example:

# run test with tag '@login'
npx cypress run --env grepTags=@login

You can skip running the tests with specific tag, using the not option: prefix the tag with -.

npx cypress run --env grepTags=-@login

You can repeat (burn) the filtered tests to make sure they are flake-free

npx cypress run --env grepTags=@login,burn=5

You can pass the number of times to run the tests via environment name burn or grepBurn or grep-burn.

If you do not specify the "grep" or "grep tags" option, the "burn" will repeat every test.

About

Repository created with the purpose to storing the project used during the training of the cypress created by iLAB. Also store my steps using git history.

Topics

Resources

Stars

Watchers

Forks