Hello 🙋🏻‍♀️

Renee Ghattas

Software Developer @ Qlik

End to End Testing React Apps With Cypress

What is end-to-end testing?

  • Tests your entire, completely integrated system
  • UI tests
  • Verifies that your app is working correctly
  • Tests core functionality
  • Catches regressions
  • Barrier to production (safety net)

Testing pyramid

Common problems with most e2e testing frameworks

  • Flaky af
  • Fail for no good reason
  • So many false positives
  • Debuggability
  • Browser issues
  • Timing issues
  • Animation issues
  • Random popups
  • Requires a lot of maintenance
  • Run pretty slowly
  • 💸 💸 💸

 

No worries...there's a tool that can help us!

Cypress

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

Test your code, not your patience.

The web has evolved.
Finally, testing has too.

A complete end-to-end testing experience

Cypress

  • Open source
  • Time travel (step through tests)
  • Hot reloads
  • Consistent results
  • Debuggability
  • Automatic waiting
  • Network traffic control
  • Screenshots and videos

Features:

Cypress

Don't believe me?

Pricing

E2e testing in React with Cypress

By Renee Ghattas

E2e testing in React with Cypress

  • 419