detailspanelposition.md

title	browser.detailsPanelPosition | Config
outline	deep

browser.detailsPanelPosition

• 类型: 'right' | 'bottom'
• 默认值: 'right'
• 命令行终端: --browser.detailsPanelPosition=bottom, --browser.detailsPanelPosition=right

Controls the default position of the details panel in the Vitest UI when running browser tests.

• 'right' - Shows the details panel on the right side with a horizontal split between the browser viewport and the details panel.
• 'bottom' - Shows the details panel at the bottom with a vertical split between the browser viewport and the details panel.

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    browser: {
      enabled: true,
      detailsPanelPosition: 'bottom', // or 'right'
    },
  },
})

Example

::: tabs == bottom

== right

:::