pipulpant/cypresspomframework

Cypress automation tool with typescript baked script for demo guru automation

Proshore Cypress Automation Framework

Cypress automation framework with Page Object Model to perform UI testing with Typescript support .

How to do the setup of the automation framework

1. Clone the repo

2.Install the dependencies

  cd ${project_directory}
  yarn install
  Editor of the Choice
  Visual Studio Code

For any other editor of choice make sure you config below dependencies yourself

For formatting code This project use prettier for code formatting. For VScode install extension quick guide

3.Running the test scripts

Headed Mode(Opens cypress test runner):

    yarn open

Headless Mode(Runs test in headless):

    yarn run:test

Test Structure

  Cypress latest version i.e 10.10.0 is followed for folder structure. Further we have added page object model for maintenance of the selectors and various user action.
  All the test data inputs , error message are added in the fixture folder.

Reporting

Integrated cypress-mochawesome-reporter which generated the automation result in cypress/report/*html which can be viewed directly in the browser.

Additional Information

I have added Prettier to beautify the test code during development phase. Test Plan is also included in the folder TestPlan/ .

Automated Test cases Status