Cypress Tutorial For Beginners (Running Your First TestCase)
✅ Learn Advance Cypress — https://cypresstutorial.com
In this video, We are going to Explore a new UI Testing Tool. — Cypress, This is a 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
✅ What is Cypress?
Cypress is a JavaScript test automation solution for web applications.
It enables teams to create web test automation scripts.
This solution aims to enable frontend developers and test automation engineers to write web tests in the de-facto web language that is JavaScript.
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.
✅ Why use Cypress and its Features?
- 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.
✅ Architecture of Cypress
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
✅ DisAdvantages of Cypress
- Very limited community support
- Only supports Javascript as of now.
- 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.
✅ Running Your First Cypress TestCase.
- Install Node — nodejs.org
- npm install — save-dev cypress@4.7.0 -g
- npx cypress open
- cypress run — spec cypress/integration/examples/hello.spec.js — browser=chrome
