--- title: browser.traceView | Config outline: deep --- # browser.traceView 5.0.0 - **Type:** `boolean | { enabled?: boolean; recordCanvas?: boolean; inlineImages?: boolean }` - **CLI:** `--browser.traceView` - **Default:** `false` Enable trace-view collection for browser tests. Vitest captures DOM snapshots for browser interactions and can show them in the browser UI, Vitest UI, or HTML reporter when those surfaces are enabled — no external tools required. ```ts export default defineConfig({ test: { browser: { traceView: true, }, }, }) ``` Use the object form to enable additional snapshot fidelity options: ```ts export default defineConfig({ test: { browser: { traceView: { enabled: true, inlineImages: true, recordCanvas: true, }, }, }, }) ``` | Option | Default | Description | | -------------- | ------- | --------------------------------------------------------------------------------------------------- | | `enabled` | `false` | Enables Vitest trace-view artifact collection. | | `inlineImages` | `false` | Inlines loaded `` pixels into snapshots for more portable replay, useful in the HTML reporter. | | `recordCanvas` | `false` | Captures canvas pixels in snapshots. | ## browser.traceView.enabled {#traceview-enabled} - **Type:** `boolean` - **Default:** `false` - **CLI:** `--browser.traceView.enabled` Enables Vitest trace-view artifact collection. ## browser.traceView.inlineImages {#traceview-inlineimages} - **Type:** `boolean` - **Default:** `false` - **CLI:** `--browser.traceView.inlineImages` Inlines loaded `` pixels into snapshots for more portable replay, useful in the HTML reporter. ## browser.traceView.recordCanvas {#traceview-recordcanvas} - **Type:** `boolean` - **Default:** `false` - **CLI:** `--browser.traceView.recordCanvas` Captures canvas pixels in snapshots. This enables a weaker replay iframe sandbox because rrweb needs scripts to redraw canvas data. See [Trace View](/guide/browser/trace-view) for full documentation.