React testing (Cypress) using a free open source test runner and a dashboard service for recording your tests.

1. Rethinking testing
in React
@pkalro

2. The testing pyramid
@pkalro

3. React testing toolkit
@pkalro
enzyme/
react-test-
renderer/
@testing-
library/react
enzyme/
@testing-
library/react
Cypress/
selenium

4. When unit test cases are not sufficient

5. When unit test cases are not sufficient

8. Refactoring the parent

10. 😎

11. @pkalro
😱
Section does not render the title

12. @pkalro

13. • Test components the way real users would see
them
• Test components the way real users would interact
with them
@pkalro

14. @pkalro

15. E2E testing

16. work
How webdrivers
work

17. Problems with selenium
• Flaky tests
• Explicit waits
• Low latency due to remote execution
@pkalro

18. @pkalro

19. Why Cypress ?
• Executes in the same run loop as your application
• No remote calls
• No more explicit waiting
@pkalro

20. @pkalro

21. Live example
@pkalro

22. @pkalro