frankie-b / cypress-automation

Test Scripts demonstrating different features of the Cypress Automation Tool with Detailed Blog Articles. (check readme)

Cypress-Automation

Cypress is a next generation front end testing tool built for the modern web. This is a sample project which you can use to start your E2E testing with Cypress.

How to Start

1. Clone the project
2. npm i - Install all the dependencies
3. There are a lot dependencies that are not updated frequently in parallel with cypress. So while installing if you are seeing conflicts usenpm i --force.
4. Run npm test to execute the tests in Test Runner | Run npx cypress run to execute the tests in CLI
5. To create HTML reports execute first npm run test:cli and then npm run create:html:report

Articles on Cypress

• How to Install Cypress
• Understanding Cypress Folder Structure
• How to execute Cypress Tests using Test Runner and CLI
• Writing your First Test in Cypress
• How to use Fixtures in Cypress Tests
• How to use readFile() and writeFile() in Cypress
• How to interact with multiple elements using each()
• Conditional Testing (If Else) in Cypress
• How to upload a file in Cypress
• How to download a file in Cypress
• API Testing in Cypress
• How to chain Multiple APIs in Cypress
• Mock API Response in Cypress using cy.server() and cy.route()
• How to handle JS Alert, Confirm and Prompt in Cypress
• How to use Skip and Only in Cypress
• How to execute Cypress Tests in order(update for cypress 10)
• How to handle Shadow DOM in Cypress
• How to retry tests X number of times in Cypress
• How to handle Iframes in Cypress
• How to generate HTML reports in Cypress
• How to Add Tags like Smoke,E2E to Cypress Tests
• Cypress Page Object with Locator Functions and Custom Commands
• Cypress Dashboard
• How to visually generate tests with no coding in Cypress Studio(Cypress 10 alternative)
• How to mock an API using cy.intercept()
• How to integrate cypress with cucumber(Cypress 10 Upgrade)
• How to hover over elements in Cypress
• How to perform Database Testing(SQL) in Cypress
• How to use parents(), parent() and children() commands in Cypress
• How to perform Drag and Drop on HTML and Angular sites with Cypress
• How to handle new browser tab and window in Cypress
• How to use filter(), find() and within() commands in Cypress
• Commonly used JQuery commands in Cypress
• How to do recursion in Cypress
• How to handle basic auth in Cypress
• Cypress 10 Upgrade