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 - Read more, Prompt Less thumbnail
1:01:30
3 days ago

WeAreDevelopers LIVE - Read more, Prompt Less

Chris Heilmann, Daniel Cranney, Luise Freese

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
10 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
17 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
about 1 month 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
about 1 month 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
about 1 month ago

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Open session

Teaching AI Coding Agents to Build It Right the First Time

  • Sajeetharan Sinnathurai

    Microsoft

    Principal Product Manager

Open session

Multi-Cloud Isn't a Project. It's a Side Effect.

  • Antonio Mendoza Pérez

    Temporal Technologies

    Staff Developer Success Engineer

  • Gaurav Thadani

    Temporal

    Staff Developer Success Engineer

Open session

Beware of Strangers Bearing Code: Open Source Trust in the Agent Era

  • Vikram Vaswani

    Consultant

Related videos

How not to test thumbnail
43:07
World Congress 2021 • over 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.