E2E Testing without headache

Andrii Chubai

What is the cost of a bug?

What is the cost of a bug?

Testing Pyramid

💸

🏎💨

Unit testing

 

  • Mocha
  • Jest
  • Jasmine
  • Super fast
  • Easy to setup
  • Easy to write

Tools

  • Not all equally usefulless

Unit testing

 

That works separately not always works together

Integration testing

What is it? Does anybody do it?

  • Interact with DOM and browser's storage
  • Stub the server
  • Cleanup state between tests

Require

Integration testing

Unit

Integration testing

Integration?

No

What if there is no integration testing in the frontend?

NEW Testing Pyramid

E2E testing

  • Real browser
  • Real interactions
  • Increases Confidence
  • Allows us to cover sections of the application that unit tests don’t cover.

E2E testing

  • Hard to setup
  • Hard to write

E2E testing

E2E testing

  • Hard to setup
  • Hard to write
    • Complex syntax
    • No ability to use devtools
  • Hard to understand why the test fails
  • Driver bugs

E2E testing

Cypress

  • Cypress APP
  • Nice syntax
  • Tools (JQ, underscore, sinon, mocha, chai)
  • Time traveling
  • Snapshot before and after action

Cypress

Cypress

Cypress

  • Green test run
  • Use reliable selectors
  • Write tests but not too many

The End

Made with Slides.com