✅ Learn Advance Cypress - https://cypresstutorial.com
In this video, We are going to Explore a new UI Testing Tool. - Cypress, This is video of Cypress Tutorial For Beginners we are learning
🚀 Day 5 Task : Explore a new UI Testing Tool. - Cypress (What is Cypress and Its Architecture)
🚀 Thread : https://scrolltest.com/automation/day5
🚀 All Task List : https://scrolltest.com/automation/task
🚀 Watch Full Playlist : https://scrolltest.com/automation/playlist
It enables teams to create web test automation scripts.
Cypress also supports the Mocha test framework so the core technologies in which you would develop your web test automation are Java Script on top of Mocha.
- Cypress is Flake Resistant : Since Test-cases are running in Browser, they have smart wait for commands and assertions. - Automatic Waiting
- Cypress is fast and more reliable as it directly communicates with Browser - Consistent Results
- It can emulate XHR or network requests(mocking) - Network Traffic Control
- Recording Videos for debugging and Dashboard
- Now supports multiple browsers
- Easy to debug test cases, Dom Snapshots , move back and forward in Test-cases - Time Travel
- Screenshots and Videos:
- Dashboard service, which displays the results of all test runs.
Most testing tools (like Selenium) operate by running outside of the browser and executing remote commands across the network
Diagram of the Cypress
Source - https://github.com/cypress-io/cypress-documentation/issues/872
- Very limited community support
- Multiple tabs and popups are not supported.
- No shadow DOM support. DOM within a DOM. Notes : https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
- It does not support mobile browsers even as of now,Yet You can emulate it.
- Install Node - nodejs.org
- npm install --save-dev firstname.lastname@example.org -g
- npx cypress open
- cypress run --spec cypress/integration/examples/hello.spec.js --browser=chrome