Learn Vitest and Testing Library In 40 Minutes

👉 Want to win prizes Break the Code 2!? Play for free here - https://go.tech/pwebtc

Vitest is an amazing fast unit-test testing framework for Vue, React, and Svelte. In this video I discuss how to set it up, how to create some tests, and some cool features of it, including in-source testing and mocking responses with msw.

👉Check out my last video on learning to code in 3 months
   • Learn To Code In 3 Months Is A Scam  

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉https://mentorcruise.com/mentor/erikh...


0:00 Introduction
0:54 .Tech Domains
02:42 Why Vitest and Testing LIbrary
05:37 Installing vue latest
06:55 Running our first test
08:30 Creating our View.vue file
11:39 Creating our tests for View.vue
18:58 Creating snapshot testing
21:49 Using .only and .skip and .concurrent
22:20 Vitest run and test coverage support
23:53 Adding mocking with msw
24:38 Adding my-pokemon component for mocking
28:03 Adding mock response to .ts file
29:00 Install msw and whatwg-fetch msw
29:30 Setting up msw (for mocking http responses)
32:05 Creating my-pokemon component test
35:53 Creating in-source testing
39:37 Conclusion

Links
https://vitest.dev/
https://test-utils.vuejs.org/
https://github.com/ErikCH/Vitest-YT