Frontend Testing
What to test, at what level, without ending up with a suite you hate.
14 topics
Frontend Testing Strategy
What to test at which level, why the pyramid was replaced by the trophy, and how to decide without dogma.
core25 minUnit Testing Logic
The parts of a frontend that genuinely deserve unit tests, and how to write them so they survive refactoring.
core20 minComponent Testing with Testing Library
Rendering components and asserting what a user would see, with the query priority that keeps tests accessible and durable.
core25 minTesting Hooks & State
When a hook deserves its own test, how to render one in isolation, and why most hook tests should be component tests.
core20 minMocking the Network with MSW
Intercepting requests at the network layer instead of stubbing fetch, so the same handlers serve tests, development and demos.
core20 minTesting Async & Suspense
Waiting correctly for things that resolve later, and the specific patterns for Suspense, transitions and streamed UI.
deep20 minTesting Server Components & Actions
What can and cannot be unit tested in an RSC codebase, and where the coverage should actually go.
deep20 minEnd-to-End with Playwright
Testing real journeys in a real browser — selectors that survive, the auth setup that keeps it fast, and how many to write.
core25 minVisual Regression Testing
Catching unintended visual change by comparing screenshots, and keeping the false positives low enough to stay useful.
deep20 minAccessibility in Tests
Automating the third of accessibility issues a machine can find, and knowing which two-thirds still need a human.
core20 minTest Data & Factories
Building test fixtures that stay valid as the schema changes, and keeping each test's intent visible.
core20 minFlaky Tests & Determinism
Why tests fail intermittently, the small set of root causes, and the process that keeps flake from destroying trust.
core20 minFrontend Tests in CI
Running the suite on every change fast enough that nobody routes around it, with failures that are diagnosable remotely.
core20 minTesting Strategy
Choosing what to test at which level, so the suite catches real breakage without becoming the thing that slows you down.
core25 minshared