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
| # | Title | Duration |
|---|---|---|
| 1 | Introduction to Vitest | 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 |
Comments
0 commentsSimilar courses
Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
AI Chat Bot with Vue.js and GPT-4
Want to join the conversation?
Sign in to comment