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.
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
08:37 MIN
Understanding the Test-Driven Development workflow
Yes, You Need to Unit Test your JavaScript. Here's How.
39:18 MIN
Adopting TDD as a design tool, not just a testing method
Treat yourself - A tale about dog training and test-driven development
04:55 MIN
Introducing the core principles of test-driven development
Breaking the Bug Cycle: TDD for the Win
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
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Entwickler - VueJS / JavaScript / SCSS
Neuffer Fenster + Türen GmbH
Remote
CSS
HTML
React
jQuery
+3