Rapid Testing with Vitest: Master Unit Testing & Mocking
Course description
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around.
Learn the basics of how to do unit testing, why it's important, and how to be more confident shipping to production. Even if you are brand new to unit testing, don't worry! Anthony will start with the fundamentals and work up to more advanced topics such as mocking and spying.
Learn the benefits of TDD (Test Driven Development) and practice using the approach to build a simple deep merge function. In the process, get familiar with Vitest syntax and best practices. Test both expected functionalities and that unexpected input throws the proper errors.
Finally, experience the blazing fast feedback loop testing with Vitest provides and get hot tips from an avid open source developer who uses Vitest in a variety of real worl projects including: Vite, Slidedev, UnoCSS, and even Vitest is tested with Vitest!
Watch Online
All Course Lessons (26)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to Vitest Demo | 01:43 | |
| 2 | How to Install Vitest | 03:19 | |
| 3 | Your First Test | 02:56 | |
| 4 | Improve the Sum Function | 03:25 | |
| 5 | A Deep Merge Function - The Goal | 02:07 | |
| 6 | Handle and Test a Shallow Merge | 04:08 | |
| 7 | Refactor for Deep Merge without Breaking Existing Tests | 03:45 | |
| 8 | Expect for Errors In Tests | 05:05 | |
| 9 | Snapshots in Vitest | 02:15 | |
| 10 | How to Update Snapshots | 02:47 | |
| 11 | Inline Snapshots in Vitest | 03:06 | |
| 12 | Intro to Mocking and Spying | 01:12 | |
| 13 | Spying Side Effects with Vitest | 02:34 | |
| 14 | The Spy Instance | 03:36 | |
| 15 | Mock JavaScript Modules with Vitest | 04:27 | |
| 16 | Mocking Time in Vitest | 01:49 | |
| 17 | Mocking Timers in Vitest | 03:53 | |
| 18 | Mocking Network Requests in Vitest | 05:57 | |
| 19 | Extra- Setup File | 01:50 | |
| 20 | Testing with Vue | 02:02 | |
| 21 | Testing Vue.js Composables First | 03:10 | |
| 22 | Set up a DOM Environment in Vitest | 02:41 | |
| 23 | Conditional Environments in Vitest | 02:46 | |
| 24 | Setup for Testing Vue Components | 01:46 | |
| 25 | Vue Test Utils | 02:03 | |
| 26 | Course Conclusion | 01:22 |
Unlock unlimited learning
Get instant access to all 25 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Nuxt.js - Vue.js on Steroids
Vue.js Master Class 2024 Edition
