WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Apr 18, 2023

TDD for Vue.js Developers

Markus Oberlehner

Stop writing brittle tests that become an endless maintenance burden. Discover how decoupling your testing layers empowers Vue.js developers to refactor codebases with absolute confidence.

Pause
Mute Enter Fullscreen
#1 about 2 min

The consequences of writing poorly structured tests

Writing tests coupled to internal implementations can hinder product iteration rather than providing confidence.

#2 about 3 min

Core benefits of implementing automated test suites

Automated testing secures code refactoring confidence and establishes fast verification loops for building features.

#3 about 2 min

Major principles for writing high quality software tests

Drafting the tests first prevents tight entanglement between the test logic and underlying technical details.

#4 about 9 min

Decoupling tests from frameworks using dependency injection

Executing identical test pipelines across different runner platforms becomes viable by injecting a centralized driver framework.

#5 about 10 min

Isolating testing from specific UI implementation details

Connecting tests to semantic accessibility elements rather than volatile styling hooks ensures resilient verification scenarios.

#6 about 8 min

Abstracting test logic through domain specific languages

Introducing custom domain vocabulary objects inside the testing suite improves comprehension for non-technical management.

#7 about 5 min

Writing feature specifications before implementing component logic

Treating testing functions as behavioral specifications compels engineers to design sensible module interfaces early.

#8 about 12 min

Live coding a test driven component feature

Implementing missing features iteratively resolves failing end-to-end testing cycles while modifying isolated local store items.

#9 about 4 min

Convincing management to invest in automated testing

Presenting structural testing as non-negotiable craftsmanship keeps future refactoring costs stable relative to feature scope.

#10 about 2 min

Handling global state dependencies in component tests

Providing default store configurations reliably executes interface logic without imposing repetitive and lengthy setup requirements.

#11 about 3 min

Organizing abstracted domain files in project structures

Sorting complex test hierarchies into bounded context modules ensures clear maintainability as the system scales.

#12 about 3 min

Evaluating natural language abstractions for domain tests

Leveraging specialized string parsing libraries adds substantial abstraction overhead that frequently negates simplified readability improvements.

Matching moments

1:18 min

Reflecting on the core motivations for writing tests

Daniel Afonso Daniel Afonso · World Congress 2025

4:00 min

Adopting test-driven design as a strategic development methodology

Mirjam Aulbach · World Congress 2022

3:54 min

Weighing the benefits and tradeoffs of test-driven development

Alex Banul · LIVE

3:47 min

Tracing the evolution of unit and integration testing

Daniel Afonso Daniel Afonso · World Congress 2025

44 sec

Treating unit tests as essential development tools

Annelore Egger Annelore Egger · World Congress 2025

1:34 min

Core principles for successful end-to-end test implementation

Johannes Stern Johannes Stern · World Congress 2024

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

How not to test thumbnail
43:07
World Congress 2021 • about 5 years ago

How not to test

Golo Roden

Yes, You Need to Unit Test your JavaScript. Here's How. thumbnail
1:00:10
LIVE • over 4 years ago

Yes, You Need to Unit Test your JavaScript. Here's How.

James Bender

The 2025 State of JavaScript Testing thumbnail
28:33
World Congress 2025 • about 1 year ago

The 2025 State of JavaScript Testing

Daniel Afonso

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS thumbnail
53:45
JS Congress • almost 5 years ago

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS

Anna Mcdougall

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly thumbnail
44:31
LIVE • over 5 years ago

Vuejs and TypeScript- Working Together like Peanut Butter and Jelly

Rob Richardson

Write tests you love, not hate thumbnail
56:49
LIVE • about 3 years ago

Write tests you love, not hate

Jens Happe

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.