This project is a web test automation framework using Cypress version 13, written in JavaScript. It incorporates GitHub Actions for CI/CD and utilizes Mochawesome for generating stylish and informative test reports. It tests the webpage Automation Excercise for UI.
These were the scenerios were automated:
1. Select Product
2. Add Product to Cart
3. Sign Up
4. Checkout
5. Logout
6. Login
7. Contact US
- Clone repository:
git clone https://github.com/edgarysabel/automation-excercise.git- Install dependencies:
npm install- Run project in headless mode:
npm run cy:run- Run project in headed mode:
npm run cy:openThis will run all the tests and generate a report at the end of the execution.
CI has been configured with Github Actions for ease of use and integration since project is already hosted on Github. To run it just go to actions and run the workflow Run QA Integration Tests under your preferred Branch. Aditionally, pipeline always run whenever there is a new commit.
Note: To be able to do commits or run workflows please reach me at edgarysabel@gmail.com.
Mochawesome is configured to generate a standalone HTML report after the test execution. You can find the report in the cypress/reports/mochawesome-report directory. Open mochawesome.html in your browser to view the report.
To customize Mochawesome's configuration, you can modify the mochawesomeReporterOptions in the cypress.json or cypress.config.js file.
Test report have been done with Mochawesome and stored with GitHub Pages, so pipeline is run, the reports are generated along it. To access reports go to https://edgarysabel.github.io/automation-excercise/.
The file cypress.env.json under root directory contains needed credentails for UI testing.
{
"FRONTEND_URL": "https://automationexercise.com/"
}-
The dynamic data was produced using FalsoJS.
-
A custom POM Pattern with Javascript and Cypress was used.
-
The static data is stored on
fixturefor each test case.