DEV Community

Cover image for πŸ›‘ Cypress Tutorial For Beginners (Running Your First TestCase)
Pramod Dutta
Pramod Dutta

Posted on • Edited on

πŸ›‘ 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 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

--
Be sure to subscribe for more videos like this!

 TheTestingAcademy

Top comments (0)