Modern Web Testing with Cypress

Marie Drake, Quality Engineering Manager @ Zoopla 






High Maintenance



Remember the

Test Automation Pyramid?




😫 😫 😫

But, what do our users care about?




Everyone knows that Test Automation is important but...

"We don't have time to write UI tests"

"Writing automated tests slows us down"

"We have a tight deadline so we need to release ASAP"

"I don't know how to use Selenium"

"I have a lot of tickets to test manually"

"Tests are so flaky"

"How do you debug it?"

"Setup is difficult"

"Let's leave it to the SDETs. It's their job"

"I don't understand the error messages"

Developer Experience is Key!

"The Web has evolved. Finally, testing has too."

Cypress automates the browser

Cypress is a complete testing framework


Cypress is developer friendly


Cypress helps developers and testers write tests


Why use Cypress?

Easy to Setup

Easy to run tests

npm i -D cypress
npx cypress run

npx cypress open

Visual UI Test Runner

Cross browser support as of v4.0.0

Clear error messages

Faster Debugging

Cypress v4.6

Extensive list of plugins

  • Accessibility testing? cypress-axe
  • Gherkin syntax? cypress-cucumber-preprocessor
  • Visual testing? cypress-image-snapshots or Applitools

.. and much more here

Now, let's write our first Cypress test.

Are there limitations?

  • No support for multiple tabs.
  • No support for visiting more than 1 domain.
  • Iframe support limited


But.. workarounds are documented here.


Any questions?

Modern Web Testing with Cypress

By Marie Drake

Modern Web Testing with Cypress

The web has evolved. Finally, testing has too. This is what you see when you visit Cypress' landing page. In this talk, I would like to share what Cypress is, what its different features are and how it's bridging the gap between developers and testers.

  • 140
Loading comments...

More from Marie Drake