We May Not Need Component Testing

on YouTube ↗26m

" summary

Compares Vitest + Vue Test Utils versus Playwright component testing using a tiny pizza-store demo (card and search components) and three scenarios each: toggle popover, render items, and remove item; Vitest mounts components, easily mocks composables and emits, runs fast but offers no real browser or CSS verification; Playwright runs in a real browser, verifies routing and visible styling and supports behavioral/accessibility flows, but mocking composables (and isolating remove-item) requires extra workarounds. Recommends Vitest for small isolated unit tests and Playwright for integration/visual needs.

AI-written summary · about

" chapters (6)

1. 0:00We May Not Need Component Testing
2. 2:14Where should Component Testing belong?
3. 4:44Unit test or Integration test?
4. 5:01Demo app
5. 7:09Demo
6. 22:46Vitest vs Playwright

" related talks

• 41mWe may not need component (unit) testingMaya Shavin · Vue.js Nation 2024
• 13mComponent Testing with Playwright for VueDebbie O'Brien · Vueconf.US 2022
• 32mPlaywright Component Tests: Are they the Testing-Library killer?Matan Borenkraout · ReactNext 2024
• 20mComponent Testing with PlaywrightDebbie O'Brien · ViteConf 2022
• 24mWriting Good Tests for Vue ApplicationsMarkus Oberlehner · Vue.js Live 2023
• 28mTestable NuxtMaya Shavin · Nuxt Nation 2023
• 28mTesting Web Applications with PlaywrightDebbie O'Brien · vuejs.de Conf 2022
• 24mCost-Effective Testing with Storybook and Playwright in Vue ApplicationsYauheni Prakopchyk · Vuejs Amsterdam 2024