Modern Web Testing with Cypress

Marie Drake, Quality Engineering Manager @ Zoopla

 

 

mariedrake.com 

@mcruzdrake

 /in/marie-drake/

Unit

Integration

E2E

High Maintenance

Slow

Difficult

Remember the

Test Automation Pyramid?

Cheap

Fast

💰💰💰

😫 😫 😫

But, what do our users care about?

Integration

E2E

Unit

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 https://docs.cypress.io/plugins

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.

https://docs.cypress.io/guides/references/trade-offs.html

 

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