E2E testing for web in 2020

Balram Singh

Fast, easy and reliable testing for anything that runs in a browser.

$("input[type='text']").html('abc')

Prerequisite

cy.get("input[type='text']").type('abc')

jQuery

Cypress

Cypress Testing scope

Why Cypress over Selenium

  • Selenium is old(2004) and not stable for modern web frameworks
  • Manual wait time for API response waiting makes it unstable

Cypress Features

  • Snapshot Testing
  • Parrallelization
  • Video Recording
  • View Port
  • Right click support in browser
  • Can run existing testing knowledge like Mocha, Chai and Jest.
  • Development environment can not be easier than this.

Companies using Cypress.io

  • Slack
  • Adobe
  • OLX
  • Codepen
  • DHL
  • Shopify
  • Siemens
  • Turner
  • Autodesk
  • Kiwi.com
  • Open Table
  • Fullstory
  • Twillio
  • Kabbage
  • 99 Designs
  • Delloite
  • Crunchbase
  • Condenast

Dashboard for reports 

Compatible with 

VUE

Angular

React

jQuery

Vanilla JS

Limitation of Cypress

  • No IE Support

Demo

Backend Demo

References

 

Made with Slides.com