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 Β· WWC 2025

4:00 min

Adopting test-driven design as a strategic development methodology

Mirjam Aulbach Β· WWC 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 Β· WWC 2025

44 sec

Treating unit tests as essential development tools

Annelore Egger Annelore Egger Β· WWC 2025

1:34 min

Core principles for successful end-to-end test implementation

Johannes Stern Johannes Stern Β· WWC 2024

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, PaweΕ‚ Matynia

Bartosz Leczycki
PaweΕ‚ Matynia
Open session

World Congress 2026 North America

Reinventing Testing Practices in the AI Era

Eric Deandrea

Java Champion & Senior Principal Software Engineer, IBM

Eric Deandrea
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Agents Can't Iterate Against Tests That Lie

Rocky Warren

Senior Staff Software Engineer at Clipboard

Rocky Warren
Open session

World Congress 2026 North America

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer

Related videos

How not to test thumbnail
43:07
WWC 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 β€’ about 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
WWC 2025 β€’ 12 months ago

The 2025 State of JavaScript Testing

Daniel Afonso

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS thumbnail
53:45
JS Congress β€’ over 4 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 β€’ almost 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.