Course
Testing a Front-End Application with Vitest and Playwright
Deploy on a Friday without holding your breath: unit tests, component tests, end-to-end tests, network mocking, and continuous integration.
Intermediate 7 lessons
Lessons
- 1 Deploy with Confidence You'll learn what a test suite actually buys you, how to split your effort across test levels, and which parts of your code don't deserve any tests.
- 2 Unit Testing with Vitest You'll learn how to install and configure Vitest, write readable parameterized tests, choose the right assertion, and work in watch mode without leaving your editor.
- 3 Testing Components You'll learn to render a component in a test, query it by accessible role, simulate real interactions, and correctly wait for asynchronous updates.
- 4 Test Doubles and the Network You'll learn how to mock a module, intercept HTTP requests at the network level, build realistic datasets, and spot the test doubles that hide broken code.
- 5 End-to-End with Playwright You will learn to install Playwright, write a first complete user flow, isolate your tests with browser contexts, reuse an authenticated session, and run the suite in parallel.
- 6 Selectors and Waits You'll learn to write locators that survive redesigns, replace fixed timeouts with conditional waits, and diagnose a failure using a Playwright trace.
- 7 Continuous Integration You'll learn to run your suites in continuous integration, parallelize them, handle flaky tests without ignoring them, and publish useful reports without blowing up wait times.