browser.detailsPanelPosition

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

控制在运行浏览器测试时，Vitest UI 中详情面板的默认位置。

'right' - 在右侧显示详情面板，浏览器视口与详情面板之间为水平分割。
'bottom' - 在底部显示详情面板，浏览器视口与详情面板之间为垂直分割。

vitest.config.ts

ts

import { defineConfig } from 'vitest/config'

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

示例