Cover image for 🛑 Cypress Tutorial For Beginners (Running Your First TestCase)

🛑 Cypress Tutorial For Beginners (Running Your First TestCase)

promode profile image Pramod Dutta ・2 min read

✅ 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

Cypress Tutorial For Beginners

🚀 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 to use Cypress and its Features?

  1. Cypress is Flake Resistant : Since Test-cases are running in Browser, they have smart wait for commands and assertions. - Automatic Waiting
  2. Cypress is fast and more reliable as it directly communicates with Browser - Consistent Results
  3. It can emulate XHR or network requests(mocking) - Network Traffic Control
  4. Recording Videos for debugging and Dashboard
  5. Now supports multiple browsers
  6. Easy to debug test cases, Dom Snapshots , move back and forward in Test-cases - Time Travel
  7. Screenshots and Videos:
  8. 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

✅ Running Your First Cypress TestCase.

  1. Install Node - nodejs.org
  2. npm install --save-dev cypress@4.7.0 -g
  3. npx cypress open
  4. cypress run --spec cypress/integration/examples/hello.spec.js --browser=chrome

Posted on Jun 6 by:

promode profile

Pramod Dutta


Lead Automation Expert || Founder of TheTestingAcademy.com || Youtube at TheTestingacademy || Udemy Teacher. || scrolltest.com


markdown guide