Vitest Browser Mode
Learn everything you need to know to get up to speed with Vitest Browser Mode, to run your tests in a very realistic, fast and (optionally) visual way!
Vitest Browser Introduction
What is Vitest Browser Mode
Not started
Vitest Browser Mode Setup
Installing Vitest Browser Mode
Not started
Selecting a Provider
Not started
Setting up Vitest Browser Mode in your CI/CD Pipeline
Not started
Vitest Browser Mode Fundamentals
Writing Vitest Browser Mode Tests Introduction
Current
Rendering React Components in Browser Mode
Not started
Vitest Browser Mode Locators
Vitest Browser Mode Locators - Introduction
Not started
Vitest Browser Mode Locators - The Seven Query Functions
Not started
Vitest Browser Mode Locators - The Modifier Functions
Not started
Vitest Browser Mode Locators - The Interactive Methods
Not started
Vitest Browser Mode Assertions
Vitest Browser Mode Assertions Overview
Not started
Vitest Browser Mode Interactivity
Interactivity API - userEvent Guide
Not started
Vitest Browser Mode Advanced
Browser Mode Context Module
Not started
Writing Vitest Browser Mode Tests Introduction
Ok, we have made it past the installation and you can run Vitest Browser Mode locally (with a UI) and on your CI/CD pipeline.
Let's get into the more fun stuff now... writing tests and seeing it visually!
In this lesson I'll show you some example code which you can copy/paste and play around with.
This will give you a quick start on writing a Vitest Browser Mode test that renders a React component and makes assertions about what was rendered
In the upcoming lessons in this course, we will cover all the Vitest Browser Mode features in much more detail!