Testing Vue / Setting up a project for testing

0 complete
24 parts
Next →

1. Introduction

01:13

2. Setting up a project for testing

19:10

3. Structuring and writing tests

05:29

4. I can see some text

02:46

5. A class should be visible

05:46

6. Clicking should do something

07:50

7. Slot content should be rendered

07:28

8. An event should be emitted

08:40

9. A router-link should be rendered

10:09

10. A quicker way to mock router-link

04:52

11. I can read $route information

02:58

12. Asynchronous data should be loaded

10:54

13. It cleans up after a component is destroyed

03:03

14. The route should be updated

07:07

15. I can see a component within another component

03:36

16. Check that a method is called

04:33

17. Testing timers

08:57

18. Using and mocking mixins

05:17

19. Vuex: A getter value should be visible

12:16

20. Vuex: An action should be dispatched

09:55

21. Restructuring Vuex for isolated tests

03:46

22. Vuex in isolation: Getters

02:43

23. Vuex in isolation: Mutations

03:15

24. Vuex in isolation: Actions

09:19

Testing Vue

  • 2 hours 41 mins
  • Released 2 weeks ago

Want to get started with unit testing in Vue? Here's pretty much everything you need. We'll cover setting up a test runner, using Vue Test Utilities, mocking and stubbing common dependencies like Vue Router and Axios, and testing Vuex both within components and in isolation. Let's get testing.