• VSCode- Editor: Free, Built on open source, Runs everywhere!
• [node.js] - event I/O for the backend
• cypress - Fast, easy and reliable testing for anything that runs in a browser.
• Javascript - world's most popular programming language.
• cypress-mochawesome-reporter -Mochaawesome is a flexible lightweight multi-language test report tool

| GitHub | https://github.com/AnkitGuhe/Plooto.git |

Cypress takes snapshots as your tests run. Simply hover over commands in the Command Log to see exactly what happened at each step.

Stop guessing why your tests are failing. Debug directly from familiar tools like Chrome DevTools. Our readable errors and stack traces make debugging lightning fast.

Cypress automatically reloads whenever you make changes to your tests. See commands execute in real-time in your app.

Never add waits or sleeps to your tests. Cypress automatically waits for commands and assertions before moving on. No more async hell.

Verify and control the behaviour of functions, server responses, or timers. The same functionality you love from unit testing is right at your fingertips.

Easily control stub, and test edge cases without involving your server. You can stub network traffic however you like.

Our architecture doesn’t use Selenium or WebDriver. Say hello to fast, consistent and reliable tests that are flake-free.

View screenshots were taken automatically on failure, or videos of your entire test suite when run headlessly.

Best Practises Selector Recommended Notes cy.get('button').click() Never Worst - too generic, no context. cy.get('.btn.btn-large').click() Never Bad. Coupled to styling. Highly subject to change. cy.get('#main').click() Sparingly Better. But still coupled to styling or JS event listeners. cy.get('[name=submission]').click() Sparingly Coupled to the name attribute which has HTML semantics. cy.contains('Submit').click() Depends Much better. But still coupled to text content that may change. cy.get('[data-cy=submit]').click() Always Best. Isolated from all changes.

• We will be following a hybrid POM Structure where each test will have its page
• Each page will have its class containing actions inside a class and locators inside an object

Example

1. login.cy.ts
2. login.page.ts

Cypress

• Integration: Contains test files
• Pages: Contains the pages for each test file
• reports: Contains report for every run
• Support: Contains a support file for globally used actions (Command.js)
• Fixtures: Contains images

Install the dependencies and devDependencies and start the server.

git clone https://github.com/AnkitGuhe/Plooto.git
cd Plooto
npm i

For cypress run with Test runner...

npm run cy:open

For cypress run with CLI- headless...

npm run cy:run

For cypress run with CI-Parallel...

npm run cy:run-ci