Write better code, faster. This TDD strategy for Vue.js decouples your tests from implementation details, enabling you to refactor with total confidence.
#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
13:29 MIN
Recap and practical advice for testing applications
Test Driven Development with JavaScript
08:48 MIN
Audience Q&A on testing strategies
Yes, You Need to Unit Test your JavaScript. Here's How.
07:27 MIN
Why developers avoid unit testing JavaScript
Yes, You Need to Unit Test your JavaScript. Here's How.
01:52 MIN
Summary of key trends in modern JavaScript testing
The 2025 State of JavaScript Testing
04:50 MIN
Introduction and overview of the TDD talk
Why you must use TDD now!
03:10 MIN
Connecting dog training principles to software testing
Treat yourself - A tale about dog training and test-driven development
10:15 MIN
Applying TDD principles to API testing
Test Driven Development with JavaScript
02:39 MIN
Applying Test-Driven Development (TDD) strategically
WeAreDevelopers LIVE days are changing - get ready to take partStarting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
Luis Minvielle
10 Developer Websites in 2023As a web developer, you're always investigating how to level up your skills and streamline your workflow. That's why we've gathered a collection of 10 innovative tools that are guaranteed to boost your productivity, enhance your coding abilities, ele...
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
From learning to earning
Jobs that call for the skills explored in this talk.