Testing Vue Apps

on YouTube ↗21m

" summary

A concrete testing plan emerges: mount a modal with vue-test-utils, write fast focused unit tests driven by a component contract, run a few slow browser end-to-end checks, and add Jest snapshot tests to guard styling. Claims include unit tests that run in seconds, E2E taking minutes, and test suites that cut production bugs by “20 to 80%.” Demos show a modal component, tests that call onClose, snapshots that fail on removed classes, and quick updates.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 0:33A web app
3. 1:44Why test?
4. 3:10Downsides
5. 4:06Testing Pyramid
6. 4:45E2E Tests
7. 6:28Unit Tests
8. 10:32Component contract
9. 14:55Snapshot tests
10. 16:23Demo
11. 20:42Learn more

" related talks

• 26mUnit testing Vue components Why test, what to test, and how to test Vue componentsEdd Yerburgh · Vue.js Amsterdam 2018
• 28mBuilding Test Strategy for Vue.js applicationAnastasiia Dragich · Frontend Love Eindhoven 2019
• 31mNext Level Jest TestingRoman Kuba · Vue.js Amsterdam 2019
• 24mWriting Good Tests for Vue ApplicationsMarkus Oberlehner · Vue.js Live 2023
• 42mStress-free Testing for VueJessica Sachs · Vueconf.US 2022
• 30mTips, Tricks, and Best PracticesBeth Qiang · Vueconf.US 2022
• 23mSeven ways to make your Vue component tests betterNatalia Tepluhina · Vuejs Amsterdam 2024
• 39m7 ways to make your Vue unit tests betterNatalia Tepluhina · vueday 2023