Markus Oberlehner
TDD for Vue.js Developers
#1about 2 minutes
Why good tests enable confident refactoring and speed
Good automated tests provide fast feedback loops and the confidence to refactor code, ultimately leading to better code written faster.
#2about 11 minutes
Decouple tests from frameworks for flexibility and risk management
Abstracting test logic away from a specific framework like Cypress or Vitest reduces risk and allows you to use the best tool for each scenario.
#3about 10 minutes
Use semantic selectors to avoid implementation details
Replace fragile CSS class selectors with semantic queries like `findByRole` to make tests resilient to styling changes and improve accessibility.
#4about 8 minutes
Create a domain-specific language for readable tests
Abstracting UI interactions into a domain-specific language (DSL) makes tests more understandable for non-technical stakeholders and easier to maintain.
#5about 4 minutes
Write specifications first to improve public API design
Approaching tests as specifications written before the implementation forces you to consider the public API from a user's perspective, leading to better design.
#6about 11 minutes
Live coding a new feature using TDD in Vue.js
A practical demonstration shows how to write failing end-to-end and component tests first, then implement the feature to make them pass.
#7about 4 minutes
Convincing management to invest in test-driven development
Frame TDD not as an overhead cost but as a crucial practice for keeping the long-term cost of change low and maintaining development velocity.
#8about 7 minutes
Organizing test files and handling global state
Structure your test files by domain, with drivers in a separate folder, and use TDD to design components that are less reliant on global state.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
1:28:47 MIN
Recap and practical advice for testing applications
Test Driven Development with JavaScript
51:22 MIN
Audience Q&A on testing strategies
Yes, You Need to Unit Test your JavaScript. Here's How.
01:10 MIN
Why developers avoid unit testing JavaScript
Yes, You Need to Unit Test your JavaScript. Here's How.
26:41 MIN
Summary of key trends in modern JavaScript testing
The 2025 State of JavaScript Testing
00:17 MIN
Introduction and overview of the TDD talk
Why you must use TDD now!
00:21 MIN
Connecting dog training principles to software testing
Treat yourself - A tale about dog training and test-driven development
50:40 MIN
Applying TDD principles to API testing
Test Driven Development with JavaScript
38:32 MIN
Applying Test-Driven Development (TDD) strategically
How not to test
Featured Partners
Related Videos
56:49Write tests you love, not hate
Jens Happe
44:31Vuejs and TypeScript- Working Together like Peanut Butter and Jelly
Rob Richardson
30:55Why you must use TDD now!
Alex Banul
54:23Let's get visual - Visual testing in your project
Ramona Schwering
1:00:10Yes, You Need to Unit Test your JavaScript. Here's How.
James Bender
23:33Accessibility Test Driven Development
Maria Korneeva
36:50Frontend Performance Testing in practice
Jonas Kröger
24:08Trunk-Based Development at Scale: Real-World Insights from a High-Traffic Luxury E-Commerce Platform
Julian Richter
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Vue.js-Developer:innen (w/m/d)
Head-on Solutions GmbH
Nürnberg, Germany
Junior
Intermediate
CSS
Jest
Vue.js
Web-Developer (m/w/d)
infomax websolutions GmbH
Grassau, Germany
Senior
Vue.js
Angular
JavaScript
TypeScript
Frontend Web Developer - JavaScript | React | Angular | Vue.js | Bootstrap | Tailwind | HTML | CSS
Tech Solutions Gmbh
GIT
HTML
Vue.js