Vue is a popular and expressive framework used to build front-end applications. But how can you ensure that your applications are robust, error-free, and easy to maintain? In this course, Vue 3 Testing with Vitest, you’ll learn to test Vue 3 applications using Vitest. First, you’ll explore an overview of installing and configuring Vitest. Next, you’ll discover fundamental Vitest skills: snapshot testing, in-source testing, and viewing test results in an organized manner. Finally, you’ll learn advanced Vitest techniques – multithreading with Tinypool, mocking with Tinyspy, and benchmarking with Tinybench. When you’re finished with this course, you’ll have the skills and knowledge of testing Vue 3 applications with Vitest needed to cover any Vue application with practical and professional tests, ensuring it works correctly and delivers the results you need.
Author Name: Daniel Stern
Author Description:
Daniel Stern is a coder, web developer and programming enthusiast from Toronto, Ontario, where he works as a freelance developer and designer. Daniel has been working with web technologies since the days of the dial-up, and is especially keen on JavaScript, CSS, Angular, React and TypeScript. Over the course of his work as an open-source developer, he’s created many community-standards web tools including Angular Audio and Range.CSS. His tool, Range.CSS, was featured in a guest article on CSS-T… more

Table of Contents

• Course Overview
  1min
• Introduction to Testing with Vitest
  9mins
• Vitest Setup and Configuration
  10mins
• Snapshot Testing with Vitest
  13mins
• In-source Testing with Vitest
  8mins
• Vitest UI
  8mins
• Mocking Vitest Tests with TinySpy
  10mins
• Multi-thread Testing with Vitest and Tinypool
  6mins
• Benchmarking Vitest Tests with Tinybench
  7mins
• Test Coverage with Vitest and c8
  10mins
• Summary
  4mins