Fullstack testing

on YouTube ↗27m

" summary

Argues that modern meta-framework apps need fullstack tests that cover unit, component and E2E layers, and shows a working setup: unit tests with Vest, component tests with Svelte Testing Library and HappyDOM, E2E with Playwright and MSW where MSW handlers run on both client and server. Demonstrates database-backed E2E using Drizzle + SQLite with migrations and a reset fixture so each Playwright test starts with a fresh schema. Offers concrete vite config changes, test setup files and fixture code that actually run.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and motivation
2. 1:06Analyzing common bugs
3. 8:50Testing philosophy
4. 10:21Modern testing landscape
5. 12:27Setting up tests
6. 13:23Unit and component testing
7. 17:32End-to-end testing with MSW
8. 21:45Database integration testing

" related talks

• 13mComponent Testing with Playwright for VueDebbie O'Brien · Vueconf.US 2022
• 37mStop Doing E2E Tests! Write Better Tests with ContractMarkus Oberlehner · Frontend Nation 2025
• 16mEnd to End testing with PlaywrightDebbie O'Brien · ViteConf 2023
• 34mEnd to end testing a world of web, mobile & desktop appsMathieu Henri · Geekle Free Online DevOps+JS Conference 2020
• 35mTesting in Frontend WorldNykyta Halkyn · Frontend fwdays'17
• 35mState of end-to-end testing for modern web applicationsVlad Filippov · REFACTOR DX 2023
• 37mFront-end Testing for SkepticsLuke Francl · RailsConf 2013
• 24mWriting Good Tests for Vue ApplicationsMarkus Oberlehner · Vue.js Live 2023