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
Not started
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
Current
Browser Mode Context Module
Vitest Browser Mode has a context module that you can import from vitest/browser.
This is a useful advanced feature that exposes a few functions and utilities.
This module lets you access things such as:
- userEvent (covered in detail in a previous lesson, but we will explain how to access it via this context module)
- commands (for things like file handing and accessing the Chrome Devtools Protocol)
- the
pageexport frameLocatormethod to access elements inside the iframe (for theplaywrightprovider)- access the Chrome DevTools Protocol session
- and the list of
utilsfunctions, which includes functions to output a nice pretty HTML string of the DOM.