Utah

wife, 4 kids, & a dog

TestingJavaScript.com

Kent C. Dodds

EpicReact.Dev

Confident React ⚛️

...with React Testing Library 🐐

kcd.im/confident-react

Please Stand...

if you are able ❤️ ♿️

@kentcdodds

kcd.im/confident-react

What this talk is

Discussion how to test web applications (React) effectively
A history lesson of 🐙 Testing Library and why it is the way it is

@kentcdodds

kcd.im/confident-react

What this talk is not

Discussion of functional/E2E testing
Boring? Hopefully it's not boring...

@kentcdodds

kcd.im/confident-react

Let's
Get
STARTED!

@kentcdodds

kcd.im/confident-react

Why do we test our software?

CONFIDENCE

@kentcdodds

kcd.im/confident-react

What tests give the MOST confidence?

The more your tests resemble the way your software is used, the more confidence they can give you.

- Kent C. Dodds

@kentcdodds

kcd.im/confident-react

What tests give the MOST confidence?

Manual!!!

Well... not really...

@kentcdodds

kcd.im/confident-react

How do we overcome human shortcomings?

Automation!

... that automates what the manual tester would do. Because:

The more your tests resemble the way your software is used, the more confidence they can give you.

@kentcdodds

kcd.im/confident-react

The Testing Pyramid

@kentcdodds

kcd.im/confident-react

￠heap

💰🤑💰

🏎💨

🐢

E2E Tests

Integration Tests

Unit Tests

*The pyramid is based on the assumption that broad-stack tests are expensive, slow, and brittle compared to more focused tests, such as unit tests. While this is usually true, there are exceptions. If my high level tests are fast, reliable, and cheap to modify - then lower-level tests aren't needed.

*martinfowler.com/bliki/TestPyramid.html