Cypress automation framework with Page Object Model to perform UI testing with Typescript support .
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
yarn open
yarn run:test
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.
Integrated cypress-mochawesome-reporter which generated the automation result in cypress/report/*html which can be viewed directly in the browser.
I have added Prettier to beautify the test code during development phase. Test Plan is also included in the folder TestPlan/ .