- This is an example of UI Automation Testing with Cypress, using Page Object Model as a design pattern.
To achieve this test framework, a test case on a demo eShop website was created:
- Validate there is available stock for a product and be able to write a review for this particular element, meanwhile several actions are previously executed through the UI.
-
In order to automate the test case, the following classes and files were created:
1. cy.js class where the test cases are implemented.
2. .js class (POM design pattern) where methods to interact with the web elements were created, the cy.js class will inherit these functionalities.
3. .json file (fixture) where to save the test data to be used through the different UI actions.
- Language: JavaScript
-
Enviroment Configuration:
-
Download and install Node.js
-
Run
npm init -
Run
npm install cypress --save-dev -
Run
npm install -D cypress-xpath
-
-
Mochawesome Reports:
- Run
npm install --save-dev mochawesome
- Run
-
Run Tests:
- Run
npm run cy:run:chrome -- --reporter mochawesome --spec "cypress/e2e/PageObjectModel/EcommercePOM.cy.js"
- Run