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.
- Clone the project
npm i
- Install all the dependencies- There are a lot dependencies that are not updated frequently in parallel with cypress. So while installing if you are seeing conflicts use
npm i --force
. - Run
npm test
to execute the tests in Test Runner | Runnpx cypress run
to execute the tests in CLI - To create HTML reports execute first
npm run test:cli
and thennpm run create:html:report
- 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