Testing Vue: TDD Your First Vue Component From Scratch

Laravel Error Tracking (AD)

Understand.io is used by hundreds of Laravel developers to find and fix errors.

Sign up for a free 14-day trial now.

02. Test Single File Components

About This Episode

Let's dive in. We'll begin by pulling in all necessary dependencies. Most importantly, we'll be leveraging vue-test-utils, which is the official unit testing library for Vue. Once everything has been installed, we can begin using TDD to build a simple Vue component.

View the source code for this episode on GitHub.

Published on Oct 12th, 2017.

Laravel Error Tracking (AD)

Understand.io is used by hundreds of Laravel developers to find and fix errors.

Sign up for a free 14-day trial now.

Discuss It

Looking for the archived Disqus comments?

Episodes

TDD Your First Vue Component From Scratch

EPISODE 1 11:23 Free
Test Single File Components

EPISODE 2 3:15 Free
Setting Data and Asserting Styles

EPISODE 3 9:14 Free
Implementation Details Versus Rendered Output

EPISODE 4 15:37 Free
Asserting Emitted Events

EPISODE 5 21:14 Free
Hooking Into Laravel Mix

EPISODE 6 5:19 Free
TDD a Question Component With Helper Functions

EPISODE 7 19:13 Free
Mocking Axios Calls

EPISODE 8 10:11 Free
Testing Asynchronous Actions and Timers

EPISODE 9 25:53 Free
Cleaner Asynchronous Mocha Tests

EPISODE 10 8:45 Free

Laravel Error Tracking (AD)

Understand.io is used by hundreds of Laravel developers to find and fix errors.

Sign up for a free 14-day trial now.

Back to Series Button