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
Pro
Configuring & Selecting a Provider in Vitest Browser Mode
Pro
Vitest configuration projects
Pro
Setting up Vitest Browser Mode in your CI/CD Pipeline
Pro
Vitest Browser Mode Fundamentals
Writing Vitest Browser Mode Tests Introduction
Pro
Rendering React Components in Browser Mode
Pro
Testing Hooks in Vitest Browser Mode
Pro
Vitest Browser Mode Locators
Vitest Browser Mode Locators - Introduction
Pro
Locators - getting a single element
Pro
Locators - async behaviour/polling
Pro
Locators - getting multiple elements
Pro
Locators - asserting with no matching elements
Pro
Vitest Browser Mode Locators - The Seven Query Functions
Pro
Vitest Browser Mode Locators - The Modifier Functions
Pro
Vitest Browser Mode Locators - The Interactive Methods
Pro
Vitest Browser Mode Assertions
Vitest Browser Mode Assertions Overview
Pro
Vitest Browser Mode Assertions - Forms
Pro
Vitest Browser Mode Assertions - Accessibility
Pro
Vitest Browser Mode Interactivity
Interactivity API - userEvent Guide
Pro
Lesson:Vitest Browser Mode mocking and spyOn
In normal Vitest tests it is very common to use vi.spyOn(...) and vi.mock(...).
For that, we have lessons:
You can use these on Vitest Browser Mode, but there are some slight differences to be aware of, which we will cover in this lesson.
Loading full lesson...
Share this lesson with your teamTweet (X) it
Invite a teammate to learn with you by sharing this lesson or dropping the link in your team chat.