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 https://youtu.be/IoE28DSp2SU 👉 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/erikhanchett/ 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