From 0f3350667254177a6dfe297bf74bfc5eb10d4dc9 Mon Sep 17 00:00:00 2001
From: Vladimir <sleuths.slews0s@icloud.com>
Date: Thu, 5 Jun 2025 18:40:44 +0200
Subject: [PATCH 01/10] fix: rerun tests when project's setup file is changed
 (#8097)

---
 packages/vitest/src/node/watcher.ts | 25 +++++++++++++++++
 test/watch/test/workspaces.test.ts  | 43 ++++++++++++++++++++++++++++-
 test/workspaces/vitest.config.ts    |  1 -
 3 files changed, 67 insertions(+), 2 deletions(-)

diff --git a/packages/vitest/src/node/watcher.ts b/packages/vitest/src/node/watcher.ts
index 8e5219a7cf7d..d80c99a1b752 100644
--- a/packages/vitest/src/node/watcher.ts
+++ b/packages/vitest/src/node/watcher.ts
@@ -140,6 +140,27 @@ export class VitestWatcher {
     }
   }
 
+  private handleSetupFile(filepath: string) {
+    let isSetupFile: boolean = false
+
+    this.vitest.projects.forEach((project) => {
+      if (!project.config.setupFiles.includes(filepath)) {
+        return
+      }
+
+      this.vitest.state.filesMap.forEach((files) => {
+        files.forEach((file) => {
+          if (file.projectName === project.name) {
+            isSetupFile = true
+            this.changedTests.add(file.filepath)
+          }
+        })
+      })
+    })
+
+    return isSetupFile
+  }
+
   /**
    * @returns A value indicating whether rerun is needed (changedTests was mutated)
    */
@@ -153,6 +174,10 @@ export class VitestWatcher {
       return true
     }
 
+    if (this.handleSetupFile(filepath)) {
+      return true
+    }
+
     const projects = this.vitest.projects.filter((project) => {
       const moduleGraph = project.browser?.vite.moduleGraph || project.vite.moduleGraph
       return moduleGraph.getModulesByFile(filepath)?.size
diff --git a/test/watch/test/workspaces.test.ts b/test/watch/test/workspaces.test.ts
index 6e202e4c6eb8..52c416cb5c9d 100644
--- a/test/watch/test/workspaces.test.ts
+++ b/test/watch/test/workspaces.test.ts
@@ -3,7 +3,7 @@ import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'pathe'
 import { afterAll, afterEach, expect, it } from 'vitest'
 
-import { runVitestCli } from '../../test-utils'
+import { runInlineTests, runVitestCli } from '../../test-utils'
 
 const file = fileURLToPath(import.meta.url)
 const dir = dirname(file)
@@ -125,3 +125,44 @@ it('adding a new test file matching project specific config triggers re-run', as
   expect(vitest.stdout).not.include('|node|')
   expect(vitest.stdout).not.include('|happy-dom|')
 })
+
+it('editing a setup file inside the project reruns tests', async () => {
+  const { fs, vitest } = await runInlineTests({
+    'setupFile.js': '',
+    'project-1/basic.test.js': `test("[p1] reruns")`,
+    'project-2/basic.test.js': `test("[p2] doesn\'t rerun")`,
+    'vitest.config.js': {
+      test: {
+        projects: [
+          {
+            test: {
+              name: 'p1',
+              include: ['./project-1/basic.test.js'],
+              setupFiles: ['./setupFile.js'],
+              globals: true,
+            },
+          },
+          {
+            test: {
+              name: 'p2',
+              include: ['./project-2/basic.test.js'],
+              globals: true,
+            },
+          },
+        ],
+      },
+    },
+  }, { watch: true })
+
+  await vitest.waitForStdout('Waiting for file changes')
+  expect(vitest.stdout).toContain('[p1] reruns')
+  expect(vitest.stdout).toContain('[p2] doesn\'t rerun')
+
+  fs.editFile('./setupFile.js', () => '// ---edit')
+
+  vitest.resetOutput()
+  await vitest.waitForStdout('Test Files  1 passed')
+
+  expect(vitest.stdout).toContain('[p1] reruns')
+  expect(vitest.stdout).not.toContain('[p2] doesn\'t rerun')
+})
diff --git a/test/workspaces/vitest.config.ts b/test/workspaces/vitest.config.ts
index 953ea057fa19..7a885957313e 100644
--- a/test/workspaces/vitest.config.ts
+++ b/test/workspaces/vitest.config.ts
@@ -23,7 +23,6 @@ export default defineConfig({
       globalConfigValue: true,
     },
     projects: [
-
       'space_2',
       './space_*/vitest.config.ts',
       './space_1/*.config.ts',

From c69be1fc1ab5d413661a7bead5bffd7147f4aa97 Mon Sep 17 00:00:00 2001
From: Vladimir <sleuths.slews0s@icloud.com>
Date: Thu, 5 Jun 2025 19:26:25 +0200
Subject: [PATCH 02/10] feat(ui): show test annotations and metadata in the
 test report tab (#8093)

---
 packages/ui/client/auto-imports.d.ts          |  11 +
 packages/ui/client/components.d.ts            |   2 +
 .../components/AnnotationAttachmentImage.vue  |  34 +++
 packages/ui/client/components/FileDetails.vue |  41 +++-
 .../components/explorer/ExplorerItem.vue      |  24 +-
 .../ui/client/components/views/ViewEditor.vue |  37 +---
 .../ui/client/components/views/ViewReport.vue | 116 ++--------
 .../components/views/ViewReportError.vue      |  18 +-
 .../components/views/ViewTestReport.vue       | 206 ++++++++++++++++++
 packages/ui/client/composables/attachments.ts |  27 +++
 packages/ui/client/composables/codemirror.ts  |  35 ++-
 packages/ui/client/composables/error.ts       |  60 ++++-
 .../ui/client/composables/explorer/utils.ts   |   1 +
 packages/ui/client/composables/navigation.ts  |   6 +-
 packages/ui/client/composables/params.ts      |   3 +
 packages/ui/client/composables/screenshot.ts  |  34 +++
 packages/ui/client/utils/task.ts              |  17 ++
 test/core/test/basic.test.ts                  |  10 +-
 test/ui/fixtures/annotated.test.ts            |   1 +
 test/ui/test/html-report.spec.ts              |  74 ++++++-
 test/ui/test/ui.spec.ts                       |  76 ++++++-
 21 files changed, 649 insertions(+), 184 deletions(-)
 create mode 100644 packages/ui/client/components/AnnotationAttachmentImage.vue
 create mode 100644 packages/ui/client/components/views/ViewTestReport.vue
 create mode 100644 packages/ui/client/composables/attachments.ts
 create mode 100644 packages/ui/client/composables/screenshot.ts

diff --git a/packages/ui/client/auto-imports.d.ts b/packages/ui/client/auto-imports.d.ts
index 021bd219e2d0..988fe2d8dda1 100644
--- a/packages/ui/client/auto-imports.d.ts
+++ b/packages/ui/client/auto-imports.d.ts
@@ -12,6 +12,7 @@ declare global {
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
   const calcExternalLabels: typeof import('./composables/module-graph')['calcExternalLabels']
   const codemirrorRef: typeof import('./composables/codemirror')['codemirrorRef']
+  const columnNumber: typeof import('./composables/params')['columnNumber']
   const computed: typeof import('vue')['computed']
   const computedAsync: typeof import('@vueuse/core')['computedAsync']
   const computedEager: typeof import('@vueuse/core')['computedEager']
@@ -49,6 +50,7 @@ declare global {
   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
   const effectScope: typeof import('vue')['effectScope']
   const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getAttachmentUrl: typeof import('./composables/attachments')['getAttachmentUrl']
   const getCurrentBrowserIframe: typeof import('./composables/api')['getCurrentBrowserIframe']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
@@ -61,13 +63,16 @@ declare global {
   const injectLocal: typeof import('@vueuse/core')['injectLocal']
   const isDark: typeof import('./composables/dark')['isDark']
   const isDefined: typeof import('@vueuse/core')['isDefined']
+  const isExternalAttachment: typeof import('./composables/attachments')['isExternalAttachment']
   const isProxy: typeof import('vue')['isProxy']
   const isReactive: typeof import('vue')['isReactive']
   const isReadonly: typeof import('vue')['isReadonly']
   const isRef: typeof import('vue')['isRef']
+  const isTestFile: typeof import('./composables/error')['isTestFile']
   const lineNumber: typeof import('./composables/params')['lineNumber']
   const mainSizes: typeof import('./composables/navigation')['mainSizes']
   const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
+  const mapLeveledTaskStacks: typeof import('./composables/error')['mapLeveledTaskStacks']
   const markRaw: typeof import('vue')['markRaw']
   const navigateTo: typeof import('./composables/navigation')['navigateTo']
   const nextTick: typeof import('vue')['nextTick']
@@ -94,6 +99,7 @@ declare global {
   const onUpdated: typeof import('vue')['onUpdated']
   const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const openInEditor: typeof import('./composables/error')['openInEditor']
+  const openScreenshot: typeof import('./composables/screenshot')['openScreenshot']
   const openedTreeItems: typeof import('./composables/navigation')['openedTreeItems']
   const panels: typeof import('./composables/navigation')['panels']
   const params: typeof import('./composables/params')['params']
@@ -120,19 +126,23 @@ declare global {
   const resolveComponent: typeof import('vue')['resolveComponent']
   const resolveRef: typeof import('@vueuse/core')['resolveRef']
   const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const sanitizeFilePath: typeof import('./composables/attachments')['sanitizeFilePath']
   const selectedTest: typeof import('./composables/params')['selectedTest']
   const setIframeViewport: typeof import('./composables/api')['setIframeViewport']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
   const shouldOpenInEditor: typeof import('./composables/error')['shouldOpenInEditor']
+  const showAnnotationSource: typeof import('./composables/codemirror')['showAnnotationSource']
   const showCoverage: typeof import('./composables/navigation')['showCoverage']
   const showDashboard: typeof import('./composables/navigation')['showDashboard']
   const showLine: typeof import('./composables/codemirror')['showLine']
+  const showLocationSource: typeof import('./composables/codemirror')['showLocationSource']
   const showNavigationPanel: typeof import('./composables/navigation')['showNavigationPanel']
   const showReport: typeof import('./composables/navigation')['showReport']
   const showRightPanel: typeof import('./composables/navigation')['showRightPanel']
   const showSource: typeof import('./composables/codemirror')['showSource']
+  const showTaskSource: typeof import('./composables/codemirror')['showTaskSource']
   const syncRef: typeof import('@vueuse/core')['syncRef']
   const syncRefs: typeof import('@vueuse/core')['syncRefs']
   const templateRef: typeof import('@vueuse/core')['templateRef']
@@ -279,6 +289,7 @@ declare global {
   const useSSRWidth: typeof import('@vueuse/core')['useSSRWidth']
   const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
   const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
+  const useScreenshot: typeof import('./composables/screenshot')['useScreenshot']
   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
   const useScroll: typeof import('@vueuse/core')['useScroll']
   const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
diff --git a/packages/ui/client/components.d.ts b/packages/ui/client/components.d.ts
index 0a7fe8fa8abb..8bd55fe18a44 100644
--- a/packages/ui/client/components.d.ts
+++ b/packages/ui/client/components.d.ts
@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    AnnotationAttachmentImage: typeof import('./components/AnnotationAttachmentImage.vue')['default']
     BrowserIframe: typeof import('./components/BrowserIframe.vue')['default']
     CodeMirrorContainer: typeof import('./components/CodeMirrorContainer.vue')['default']
     ConnectionOverlay: typeof import('./components/ConnectionOverlay.vue')['default']
@@ -38,5 +39,6 @@ declare module 'vue' {
     ViewModuleGraph: typeof import('./components/views/ViewModuleGraph.vue')['default']
     ViewReport: typeof import('./components/views/ViewReport.vue')['default']
     ViewReportError: typeof import('./components/views/ViewReportError.vue')['default']
+    ViewTestReport: typeof import('./components/views/ViewTestReport.vue')['default']
   }
 }
diff --git a/packages/ui/client/components/AnnotationAttachmentImage.vue b/packages/ui/client/components/AnnotationAttachmentImage.vue
new file mode 100644
index 000000000000..6196bf21c202
--- /dev/null
+++ b/packages/ui/client/components/AnnotationAttachmentImage.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import type { TestAnnotation } from 'vitest'
+import { getAttachmentUrl, isExternalAttachment } from '~/composables/attachments'
+
+const props = defineProps<{
+  annotation: TestAnnotation
+}>()
+
+const href = computed<string>(() => {
+  const attachment = props.annotation.attachment!
+  const potentialUrl = attachment.path || attachment.body
+  if (typeof potentialUrl === 'string' && (potentialUrl.startsWith('http://') || potentialUrl.startsWith('https://'))) {
+    return potentialUrl
+  }
+  else {
+    return getAttachmentUrl(attachment)
+  }
+})
+</script>
+
+<template>
+  <a
+    v-if="annotation.attachment && annotation.attachment.contentType?.startsWith('image/')"
+    target="_blank"
+    class="inline-block mt-2"
+    :style="{ maxWidth: '600px' }"
+    :href="href"
+    :referrerPolicy="isExternalAttachment(annotation.attachment) ? 'no-referrer' : undefined"
+  >
+    <img
+      :src="href"
+    >
+  </a>
+</template>
diff --git a/packages/ui/client/components/FileDetails.vue b/packages/ui/client/components/FileDetails.vue
index db1f236ade49..74fb43d83fea 100644
--- a/packages/ui/client/components/FileDetails.vue
+++ b/packages/ui/client/components/FileDetails.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { RunnerTask, RunnerTestCase } from 'vitest'
 import type { ModuleGraph } from '~/composables/module-graph'
 import type { Params } from '~/composables/params'
 import { toJSON } from 'flatted'
@@ -9,10 +10,11 @@ import {
   currentLogs,
   isReport,
 } from '~/composables/client'
+import { explorerTree } from '~/composables/explorer'
 import { hasFailedSnapshot } from '~/composables/explorer/collector'
 import { getModuleGraph } from '~/composables/module-graph'
 import { viewMode } from '~/composables/params'
-import { getProjectNameColor } from '~/utils/task'
+import { getProjectNameColor, getProjectTextColor } from '~/utils/task'
 
 const graph = ref<ModuleGraph>({ nodes: [], links: [] })
 const draft = ref(false)
@@ -21,6 +23,12 @@ const loadingModuleGraph = ref(false)
 const currentFilepath = ref<string | undefined>(undefined)
 const hideNodeModules = ref(true)
 
+const test = computed(() => {
+  return selectedTest.value
+    ? client.state.idMap.get(selectedTest.value) as RunnerTestCase
+    : undefined
+})
+
 const graphData = computed(() => {
   const c = current.value
   if (!c || !c.filepath) {
@@ -137,18 +145,26 @@ debouncedWatch(
 )
 
 const projectNameColor = computed(() => {
-  return getProjectNameColor(current.value?.file.projectName)
+  const projectName = current.value?.file.projectName || ''
+  return explorerTree.colors.get(projectName) || getProjectNameColor(current.value?.file.projectName)
 })
 
-const projectNameTextColor = computed(() => {
-  switch (projectNameColor.value) {
-    case 'blue':
-    case 'green':
-    case 'magenta':
-      return 'white'
-    default:
-      return 'black'
+const projectNameTextColor = computed(() => getProjectTextColor(projectNameColor.value))
+
+const testTitle = computed(() => {
+  const testId = selectedTest.value
+  if (!testId) {
+    return current.value?.name
+  }
+  const names: string[] = []
+  let node: RunnerTask | undefined = client.state.idMap.get(testId)
+  while (node) {
+    names.push(node.name)
+    node = node.suite
+      ? node.suite
+      : (node === node.file ? undefined : node.file)
   }
+  return names.reverse().join(' > ')
 })
 </script>
 
@@ -174,7 +190,7 @@ const projectNameTextColor = computed(() => {
           {{ current.file.projectName }}
         </span>
         <div flex-1 font-light op-50 ws-nowrap truncate text-sm>
-          {{ current?.name }}
+          {{ testTitle }}
         </div>
         <div class="flex text-lg">
           <IconButton
@@ -263,7 +279,8 @@ const projectNameTextColor = computed(() => {
         :file="current"
         data-testid="console"
       />
-      <ViewReport v-else-if="!viewMode" :file="current" data-testid="report" />
+      <ViewReport v-else-if="!viewMode && !test && current" :file="current" data-testid="report" />
+      <ViewTestReport v-else-if="!viewMode && test" :test="test" data-testid="report" />
     </div>
   </div>
 </template>
diff --git a/packages/ui/client/components/explorer/ExplorerItem.vue b/packages/ui/client/components/explorer/ExplorerItem.vue
index d813df041973..06b61fd99c58 100644
--- a/packages/ui/client/components/explorer/ExplorerItem.vue
+++ b/packages/ui/client/components/explorer/ExplorerItem.vue
@@ -4,11 +4,12 @@ import type { TaskTreeNodeType } from '~/composables/explorer/types'
 import { Tooltip as VueTooltip } from 'floating-vue'
 import { nextTick } from 'vue'
 import { client, isReport, runFiles, runTask } from '~/composables/client'
-import { showSource } from '~/composables/codemirror'
+import { showTaskSource } from '~/composables/codemirror'
 import { explorerTree } from '~/composables/explorer'
 import { hasFailedSnapshot } from '~/composables/explorer/collector'
 import { escapeHtml, highlightRegex } from '~/composables/explorer/state'
 import { coverageEnabled } from '~/composables/navigation'
+import { getProjectTextColor } from '~/utils/task'
 
 // TODO: better handling of "opened" - it means to forcefully open the tree item and set in TasksList right now
 const {
@@ -149,26 +150,11 @@ function showDetails() {
     onItemClick?.(t)
   }
   else {
-    showSource(t)
+    showTaskSource(t)
   }
 }
 
-const projectNameTextColor = computed(() => {
-  switch (projectNameColor) {
-    case 'blue':
-    case 'green':
-    case 'magenta':
-    case 'black':
-    case 'red':
-      return 'white'
-
-    case 'yellow':
-    case 'cyan':
-    case 'white':
-    default:
-      return 'black'
-  }
-})
+const projectNameTextColor = computed(() => getProjectTextColor(projectNameColor))
 </script>
 
 <template>
@@ -223,7 +209,7 @@ const projectNameTextColor = computed(() => {
       >
         <IconButton
           data-testid="btn-open-details"
-          icon="i-carbon:intrusion-prevention"
+          :icon="type === 'file' ? 'i-carbon:intrusion-prevention' : 'i-carbon:code-reference'"
           @click.prevent.stop="showDetails"
         />
         <template #popper>
diff --git a/packages/ui/client/components/views/ViewEditor.vue b/packages/ui/client/components/views/ViewEditor.vue
index 5016234a13df..d591f89194bd 100644
--- a/packages/ui/client/components/views/ViewEditor.vue
+++ b/packages/ui/client/components/views/ViewEditor.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
-import type { Task, TestAttachment } from '@vitest/runner'
+import type { Task } from '@vitest/runner'
 import type CodeMirror from 'codemirror'
 import type { ErrorWithDiff, File, TestAnnotation, TestError } from 'vitest'
 import { createTooltip, destroyTooltip } from 'floating-vue'
+import { getAttachmentUrl, sanitizeFilePath } from '~/composables/attachments'
 import { client, isReport } from '~/composables/client'
 import { finished } from '~/composables/client/state'
 import { codemirrorRef } from '~/composables/codemirror'
 import { openInEditor } from '~/composables/error'
-import { lineNumber } from '~/composables/params'
+import { columnNumber, lineNumber } from '~/composables/params'
 
 const props = defineProps<{
   file?: File
@@ -56,12 +57,12 @@ watch(
   { immediate: true },
 )
 
-watch(() => [loading.value, saving.value, props.file, lineNumber.value] as const, ([loadingFile, s, _, l]) => {
+watch(() => [loading.value, saving.value, props.file, lineNumber.value, columnNumber.value] as const, ([loadingFile, s, _, l, c]) => {
   if (!loadingFile && !s) {
     if (l != null) {
       nextTick(() => {
         const cp = currentPosition.value
-        const line = cp ?? { line: l ?? 0, ch: 0 }
+        const line = cp ?? { line: (l ?? 1) - 1, ch: c ?? 0 }
         // restore caret position: the watchDebounced below will use old value
         if (cp) {
           currentPosition.value = undefined
@@ -155,7 +156,7 @@ function createErrorElement(e: ErrorWithDiff) {
   div.className = 'op80 flex gap-x-2 items-center'
   const pre = document.createElement('pre')
   pre.className = 'c-red-600 dark:c-red-400'
-  pre.textContent = `${' '.repeat(stack.column)}^ ${e?.nameStr || e.name}: ${
+  pre.textContent = `${' '.repeat(stack.column)}^ ${e.name}: ${
     e?.message || ''
   }`
   div.appendChild(pre)
@@ -184,7 +185,6 @@ function createErrorElement(e: ErrorWithDiff) {
 
 function createAnnotationElement(annotation: TestAnnotation) {
   if (!annotation.location) {
-    // TODO(v4): print unknown annotations somewhere
     return
   }
 
@@ -222,9 +222,8 @@ function createAnnotationElement(annotation: TestAnnotation) {
     if (attachment.contentType?.startsWith('image/')) {
       const link = document.createElement('a')
       const img = document.createElement('img')
-      img.classList.add('mt-3', 'inline-block')
-      img.width = 600
-      img.width = 400
+      link.classList.add('inline-block', 'mt-3')
+      link.style.maxWidth = '50vw'
       const potentialUrl = attachment.path || attachment.body
       if (typeof potentialUrl === 'string' && (potentialUrl.startsWith('http://') || potentialUrl.startsWith('https://'))) {
         img.setAttribute('src', potentialUrl)
@@ -241,7 +240,7 @@ function createAnnotationElement(annotation: TestAnnotation) {
     else {
       const download = document.createElement('a')
       download.href = getAttachmentUrl(attachment)
-      download.download = sanitizeFilePath(annotation.message)
+      download.download = sanitizeFilePath(annotation.message, attachment.contentType)
       download.classList.add('flex', 'w-min', 'gap-2', 'items-center', 'font-sans', 'underline', 'cursor-pointer')
       const icon = document.createElement('div')
       icon.classList.add('i-carbon:download', 'block')
@@ -254,19 +253,6 @@ function createAnnotationElement(annotation: TestAnnotation) {
   widgets.push(codemirrorRef.value!.addLineWidget(line - 1, notice))
 }
 
-function getAttachmentUrl(attachment: TestAttachment) {
-  // html reporter always saves files into /data/ folder
-  if (isReport) {
-    return `/data/${attachment.path}`
-  }
-  const contentType = attachment.contentType ?? 'application/octet-stream'
-  if (attachment.path) {
-    return `/__vitest_attachment__?path=${encodeURIComponent(attachment.path)}&contentType=${contentType}&token=${(window as any).VITEST_API_TOKEN}`
-  }
-  // attachment.body is always a string outside of the test frame
-  return `data:${contentType};base64,${attachment.body}`
-}
-
 const { pause, resume } = watch(
   [codemirrorRef, errors, annotations, finished] as const,
   ([cmValue, errors, annotations, end]) => {
@@ -389,11 +375,6 @@ async function onSave(content: string) {
 
 // we need to remove listeners before unmounting the component: the watcher will not be called
 onBeforeUnmount(clearListeners)
-
-function sanitizeFilePath(s: string): string {
-  // eslint-disable-next-line no-control-regex
-  return s.replace(/[\x00-\x2C\x2E\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, '-')
-}
 </script>
 
 <template>
diff --git a/packages/ui/client/components/views/ViewReport.vue b/packages/ui/client/components/views/ViewReport.vue
index 894a3914c761..c40340c38ca6 100644
--- a/packages/ui/client/components/views/ViewReport.vue
+++ b/packages/ui/client/components/views/ViewReport.vue
@@ -1,21 +1,19 @@
 <script setup lang="ts">
-import type Convert from 'ansi-to-html'
-import type { ErrorWithDiff, File, Suite, Task } from 'vitest'
+import type { RunnerTask, RunnerTestFile, RunnerTestSuite } from 'vitest'
 import { browserState, config } from '~/composables/client'
 import { isDark } from '~/composables/dark'
-import { createAnsiToHtmlFilter } from '~/composables/error'
-import { selectedTest } from '~/composables/params'
-import { escapeHtml } from '~/utils/escape'
+import { mapLeveledTaskStacks } from '~/composables/error'
+import { openScreenshot, useScreenshot } from '~/composables/screenshot'
 
 const props = defineProps<{
-  file?: File
+  file: RunnerTestFile
 }>()
 
-type LeveledTask = Task & {
+type LeveledTask = RunnerTask & {
   level: number
 }
 
-function collectFailed(task: Task, level: number): LeveledTask[] {
+function collectFailed(task: RunnerTask, level: number): LeveledTask[] {
   if (task.result?.state !== 'fail') {
     return []
   }
@@ -31,63 +29,15 @@ function collectFailed(task: Task, level: number): LeveledTask[] {
   }
 }
 
-function createHtmlError(filter: Convert, error: ErrorWithDiff) {
-  let htmlError = ''
-  if (error.message?.includes('\x1B')) {
-    htmlError = `<b>${error.name}</b>: ${filter.toHtml(
-      escapeHtml(error.message),
-    )}`
-  }
-
-  const startStrWithX1B = error.stack?.includes('\x1B')
-  if (startStrWithX1B) {
-    if (htmlError.length > 0) {
-      htmlError += filter.toHtml(
-        escapeHtml((error.stack) as string),
-      )
-    }
-    else {
-      htmlError = `<b>${error.name}</b>: ${
-        error.message
-      }${filter.toHtml(
-        escapeHtml((error.stack) as string),
-      )}`
-    }
-  }
-
-  if (htmlError.length > 0) {
-    return htmlError
-  }
-  return null
-}
-
-function mapLeveledTaskStacks(dark: boolean, tasks: LeveledTask[]) {
-  const filter = createAnsiToHtmlFilter(dark)
-  return tasks.map((t) => {
-    const result = t.result
-    if (!result) {
-      return t
-    }
-    const errors = result.errors
-      ?.map(error => createHtmlError(filter, error))
-      .filter(error => error != null)
-      .join('<br><br>')
-    if (errors?.length) {
-      result.htmlError = errors
-    }
-    return t
-  })
-}
-
 const failed = computed(() => {
   const file = props.file
-  const failedFlatMap = file?.tasks?.flatMap(t => collectFailed(t, 0)) ?? []
-  const result = file?.result
+  const failedFlatMap = file.tasks?.flatMap(t => collectFailed(t, 0)) ?? []
+  const result = file.result
   const fileError = result?.errors?.[0]
   // we must check also if the test cannot compile
   if (fileError) {
     // create a dummy one
-    const fileErrorTask: Suite & { level: number } = {
+    const fileErrorTask: RunnerTestSuite & { level: number } = {
       id: file!.id,
       file: file!,
       name: file!.name,
@@ -105,41 +55,12 @@ const failed = computed(() => {
     : failedFlatMap
 })
 
-function open(task: Task) {
-  const filePath = task.meta?.failScreenshotPath
-  if (filePath) {
-    fetch(`/__open-in-editor?file=${encodeURIComponent(filePath)}`)
-  }
-}
-
-const showScreenshot = ref(false)
-const timestamp = ref(Date.now())
-const currentTask = ref<Task | undefined>()
-const currentScreenshotUrl = computed(() => {
-  const id = currentTask.value?.id
-  // force refresh
-  const t = timestamp.value
-  // browser plugin using /, change this if base can be modified
-  return id ? `/__screenshot-error?id=${encodeURIComponent(id)}&t=${t}` : undefined
-})
-
-function showScreenshotModal(task: Task) {
-  currentTask.value = task
-  timestamp.value = Date.now()
-  showScreenshot.value = true
-}
-
-watch(() => [selectedTest.value] as const, ([test]) => {
-  if (test != null) {
-    // Have to wrap the selector in [id=''] since #{test} will produce an invalid selector because the test ID is a number
-    const testElement = document.querySelector(`[id='${test}'`)
-    if (testElement != null) {
-      nextTick(() => {
-        testElement.scrollIntoView()
-      })
-    }
-  }
-}, { flush: 'post' })
+const {
+  currentTask,
+  showScreenshot,
+  showScreenshotModal,
+  currentScreenshotUrl,
+} = useScreenshot()
 </script>
 
 <template>
@@ -154,7 +75,7 @@ watch(() => [selectedTest.value] as const, ([test]) => {
           rounded
           :style="{
             'margin-left': `${
-              task.result?.htmlError ? 0.5 : 2 * task.level + 0.5
+              task.result?.htmlError ? 0.5 : 2 * (task as LeveledTask).level + 0.5
             }rem`,
           }"
         >
@@ -173,7 +94,7 @@ watch(() => [selectedTest.value] as const, ([test]) => {
                 class="!op-100"
                 icon="i-carbon:image-reference"
                 title="Open screenshot error in editor"
-                @click="open(task)"
+                @click="openScreenshot(task)"
               />
             </template>
           </div>
@@ -189,8 +110,9 @@ watch(() => [selectedTest.value] as const, ([test]) => {
               v-for="(error, idx) of task.result.errors"
               :key="idx"
               :error="error"
-              :filename="file?.name"
+              :filename="file.name"
               :root="config.root"
+              :file-id="file.id"
             />
           </template>
         </div>
diff --git a/packages/ui/client/components/views/ViewReportError.vue b/packages/ui/client/components/views/ViewReportError.vue
index 317b3e8f05bf..32e42d601f07 100644
--- a/packages/ui/client/components/views/ViewReportError.vue
+++ b/packages/ui/client/components/views/ViewReportError.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import type { ErrorWithDiff } from 'vitest'
-import { openInEditor, shouldOpenInEditor } from '~/composables/error'
+import type { ErrorWithDiff, ParsedStack } from 'vitest'
+import { showLocationSource } from '~/composables/codemirror'
+import { isTestFile, openInEditor } from '~/composables/error'
 import { escapeHtml } from '~/utils/escape'
 
 const props = defineProps<{
+  fileId: string
   root: string
   filename?: string
   error: ErrorWithDiff
@@ -27,11 +29,18 @@ const diff = computed(() =>
     ? filter.value.toHtml(escapeHtml(props.error.diff))
     : undefined,
 )
+
+function showCode(stack: ParsedStack) {
+  if (isTestFile(stack.file, props.filename)) {
+    return showLocationSource(props.fileId, stack)
+  }
+  return openInEditor(stack.file, stack.line, stack.column)
+}
 </script>
 
 <template>
   <div class="scrolls scrolls-rounded task-error">
-    <pre><b>{{ error.name || error.nameStr }}</b>: {{ error.message }}</pre>
+    <pre><b>{{ error.name }}</b>: {{ error.message }}</pre>
     <div
       v-for="(stack, i) of error.stacks"
       :key="i"
@@ -41,12 +50,11 @@ const diff = computed(() =>
       <pre>
  - {{ relative(stack.file) }}:{{ stack.line }}:{{ stack.column }}</pre>
       <div
-        v-if="shouldOpenInEditor(stack.file, filename)"
         v-tooltip.bottom="'Open in Editor'"
         class="i-carbon-launch c-red-600 dark:c-red-400 hover:cursor-pointer min-w-1em min-h-1em"
         tabindex="0"
         aria-label="Open in Editor"
-        @click.passive="openInEditor(stack.file, stack.line, stack.column)"
+        @click.passive="showCode(stack)"
       />
     </div>
     <template v-if="isDiffShowable">
diff --git a/packages/ui/client/components/views/ViewTestReport.vue b/packages/ui/client/components/views/ViewTestReport.vue
new file mode 100644
index 000000000000..6a1adb65bae9
--- /dev/null
+++ b/packages/ui/client/components/views/ViewTestReport.vue
@@ -0,0 +1,206 @@
+<script setup lang="ts">
+import type { TestAnnotation, TestAnnotationLocation } from '@vitest/runner'
+import type { RunnerTestCase } from 'vitest'
+import { relative } from 'pathe'
+import { getAttachmentUrl, sanitizeFilePath } from '~/composables/attachments'
+import { browserState, config } from '~/composables/client'
+import { showAnnotationSource } from '~/composables/codemirror'
+import { isDark } from '~/composables/dark'
+import { mapLeveledTaskStacks } from '~/composables/error'
+import { openScreenshot, useScreenshot } from '~/composables/screenshot'
+
+const props = defineProps<{
+  test: RunnerTestCase
+}>()
+
+const failed = computed(() => {
+  if (!props.test.result || !props.test.result.errors?.length) {
+    return null
+  }
+  return mapLeveledTaskStacks(isDark.value, [props.test])[0] as RunnerTestCase | null
+})
+
+function openAnnotation(annotation: TestAnnotation) {
+  return showAnnotationSource(props.test, annotation)
+}
+
+const {
+  currentTask,
+  showScreenshot,
+  showScreenshotModal,
+  currentScreenshotUrl,
+} = useScreenshot()
+
+function getLocationString(location: TestAnnotationLocation) {
+  const path = relative(config.value.root, location.file)
+  return `${path}:${location.line}:${location.column}`
+}
+
+const kWellKnownMeta = new Set([
+  'benchmark',
+  'typecheck',
+  'failScreenshotPath',
+])
+const meta = computed(() => {
+  return Object.entries(props.test.meta).filter(([name]) => {
+    return !kWellKnownMeta.has(name)
+  })
+})
+</script>
+
+<template>
+  <div h-full class="scrolls">
+    <div v-if="failed">
+      <div
+        bg="red-500/10"
+        text="red-500 sm"
+        p="x3 y2"
+        m-2
+        rounded
+      >
+        <div flex="~ gap-2 items-center">
+          <template v-if="browserState && test.meta?.failScreenshotPath">
+            <IconButton
+              v-tooltip.bottom="'View screenshot error'"
+              class="!op-100"
+              icon="i-carbon:image"
+              title="View screenshot error"
+              @click="showScreenshotModal(test)"
+            />
+            <IconButton
+              v-tooltip.bottom="'Open screenshot error in editor'"
+              class="!op-100"
+              icon="i-carbon:image-reference"
+              title="Open screenshot error in editor"
+              @click="openScreenshot(test)"
+            />
+          </template>
+        </div>
+        <div
+          v-if="test.result?.htmlError"
+          class="scrolls scrolls-rounded task-error"
+          data-testid="task-error"
+        >
+          <pre v-html="test.result.htmlError" />
+        </div>
+        <template v-else-if="test.result?.errors">
+          <ViewReportError
+            v-for="(error, idx) of test.result.errors"
+            :key="idx"
+            :file-id="test.file.id"
+            :error="error"
+            :filename="test.file.name"
+            :root="config.root"
+          />
+        </template>
+      </div>
+    </div>
+    <template v-else>
+      <div bg="green-500/10" text="green-500 sm" p="x4 y2" m-2 rounded>
+        All tests passed in this file
+      </div>
+    </template>
+    <template v-if="test.annotations.length">
+      <h1 m-2>
+        Test Annotations
+      </h1>
+      <div
+        v-for="annotation of test.annotations"
+        :key="annotation.type + annotation.message"
+        bg="yellow-500/10"
+        text="yellow-500 sm"
+        p="x3 y2"
+        m-2
+        rounded
+        role="note"
+      >
+        <div flex="~ gap-2 items-center justify-between" overflow-hidden>
+          <div class="flex gap-2" overflow-hidden>
+            <span class="font-bold" ws-nowrap truncate>{{ annotation.type }}</span>
+            <a
+              v-if="annotation.attachment && !annotation.attachment.contentType?.startsWith('image/')"
+              class="flex gap-1 items-center text-yellow-500/80 cursor-pointer"
+              :href="getAttachmentUrl(annotation.attachment)"
+              :download="sanitizeFilePath(annotation.message, annotation.attachment.contentType)"
+            >
+              <span class="i-carbon:download block" />
+              Download
+            </a>
+          </div>
+          <div>
+            <span
+              v-if="annotation.location && annotation.location.file === test.file.filepath"
+              v-tooltip.bottom="'Open in Editor'"
+              title="Open in Editor"
+              class="flex gap-1 text-yellow-500/80 cursor-pointer"
+              ws-nowrap
+              @click="openAnnotation(annotation)"
+            >
+              {{ getLocationString(annotation.location) }}
+            </span>
+            <span
+              v-else-if="annotation.location && annotation.location.file !== test.file.filepath"
+              class="flex gap-1 text-yellow-500/80"
+              ws-nowrap
+            >
+              {{ getLocationString(annotation.location) }}
+            </span>
+          </div>
+        </div>
+
+        <div
+          class="scrolls scrolls-rounded task-error"
+          data-testid="task-error"
+        >
+          {{ annotation.message }}
+        </div>
+
+        <AnnotationAttachmentImage :annotation="annotation" />
+      </div>
+    </template>
+    <template v-if="meta.length">
+      <h1 m-2>
+        Test Meta
+      </h1>
+      <div
+        bg="gray/10"
+        text="black-100 sm"
+        p="x3 y2"
+        m-2
+        rounded
+        class="grid grid-cols-1 md:grid-cols-[200px_1fr] gap-2"
+        overflow-hidden
+      >
+        <template v-for="([name, content]) of meta" :key="name">
+          <div font-bold ws-nowrap truncate py-2>
+            {{ name }}
+          </div>
+          <pre overflow-auto bg="gray/30" rounded p-2>{{ content }}</pre>
+        </template>
+      </div>
+    </template>
+    <template v-if="browserState">
+      <Modal v-model="showScreenshot" direction="right">
+        <template v-if="currentTask">
+          <Suspense>
+            <ScreenshotError
+              :file="currentTask.file.filepath"
+              :name="currentTask.name"
+              :url="currentScreenshotUrl"
+              @close="showScreenshot = false"
+            />
+          </Suspense>
+        </template>
+      </Modal>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+.task-error {
+  --cm-ttc-c-thumb: #ccc;
+}
+html.dark .task-error {
+  --cm-ttc-c-thumb: #444;
+}
+</style>
diff --git a/packages/ui/client/composables/attachments.ts b/packages/ui/client/composables/attachments.ts
new file mode 100644
index 000000000000..af9cbf362b3e
--- /dev/null
+++ b/packages/ui/client/composables/attachments.ts
@@ -0,0 +1,27 @@
+import type { TestAttachment } from '@vitest/runner'
+import mime from 'mime/lite'
+import { isReport } from '~/constants'
+
+export function getAttachmentUrl(attachment: TestAttachment): string {
+  // html reporter always saves files into /data/ folder
+  if (isReport) {
+    return `/data/${attachment.path}`
+  }
+  const contentType = attachment.contentType ?? 'application/octet-stream'
+  if (attachment.path) {
+    return `/__vitest_attachment__?path=${encodeURIComponent(attachment.path)}&contentType=${contentType}&token=${(window as any).VITEST_API_TOKEN}`
+  }
+  // attachment.body is always a string outside of the test frame
+  return `data:${contentType};base64,${attachment.body}`
+}
+
+export function sanitizeFilePath(s: string, contentType: string | undefined): string {
+  const extension = contentType ? mime.getExtension(contentType) : null
+  // eslint-disable-next-line no-control-regex
+  return s.replace(/[\x00-\x2C\x2E\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, '-') + (extension ? `.${extension}` : '')
+}
+
+export function isExternalAttachment(attachment: TestAttachment): boolean {
+  const potentialUrl = attachment.path || attachment.body
+  return typeof potentialUrl === 'string' && (potentialUrl.startsWith('http://') || potentialUrl.startsWith('https://'))
+}
diff --git a/packages/ui/client/composables/codemirror.ts b/packages/ui/client/composables/codemirror.ts
index 2c3386e9078e..320655079c0f 100644
--- a/packages/ui/client/composables/codemirror.ts
+++ b/packages/ui/client/composables/codemirror.ts
@@ -1,10 +1,11 @@
-import type { Task } from '@vitest/runner'
+import type { Task, TestAnnotation } from '@vitest/runner'
+import type { RunnerTestCase } from 'vitest'
 import type { Ref, WritableComputedRef } from 'vue'
 import CodeMirror from 'codemirror'
+
 import { watch } from 'vue'
 
 import { navigateTo } from '~/composables/navigation'
-
 import 'codemirror/mode/javascript/javascript'
 // import 'codemirror/mode/css/css'
 import 'codemirror/mode/xml/xml'
@@ -61,11 +62,39 @@ export function useCodeMirror(
   return markRaw(cm)
 }
 
-export async function showSource(task: Task) {
+export async function showTaskSource(task: Task) {
   navigateTo({
     file: task.file.id,
     line: task.location?.line ?? 0,
     view: 'editor',
     test: null,
+    column: null,
+  })
+}
+
+export function showLocationSource(fileId: string, location: { line: number; column: number }) {
+  navigateTo({
+    file: fileId,
+    column: location.column - 1,
+    line: location.line,
+    view: 'editor',
+    test: selectedTest.value,
+  })
+}
+
+export function showAnnotationSource(task: RunnerTestCase, annotation: TestAnnotation) {
+  if (!annotation.location) {
+    return
+  }
+  const { line, column, file } = annotation.location
+  if (task.file.filepath !== file) {
+    return openInEditor(file, line, column)
+  }
+  navigateTo({
+    file: task.file.id,
+    column: column - 1,
+    line,
+    view: 'editor',
+    test: selectedTest.value,
   })
 }
diff --git a/packages/ui/client/composables/error.ts b/packages/ui/client/composables/error.ts
index 7a0956378c44..e2db5b369039 100644
--- a/packages/ui/client/composables/error.ts
+++ b/packages/ui/client/composables/error.ts
@@ -1,8 +1,16 @@
-import type { ErrorWithDiff } from 'vitest'
+import type Convert from 'ansi-to-html'
+import type { ErrorWithDiff, RunnerTask } from 'vitest'
 import { parseStacktrace } from '@vitest/utils/source-map'
 import Filter from 'ansi-to-html'
+import { escapeHtml } from '~/utils/escape'
 
-export function shouldOpenInEditor(name: string, fileName?: string) {
+declare module '@vitest/runner' {
+  interface TaskResult {
+    htmlError?: string
+  }
+}
+
+export function isTestFile(name: string, fileName?: string) {
   return fileName && name.endsWith(fileName)
 }
 
@@ -50,3 +58,51 @@ export function parseError(e: unknown) {
 
   return error
 }
+
+function createHtmlError(filter: Convert, error: ErrorWithDiff) {
+  let htmlError = ''
+  if (error.message?.includes('\x1B')) {
+    htmlError = `<b>${error.name}</b>: ${filter.toHtml(
+      escapeHtml(error.message),
+    )}`
+  }
+
+  const startStrWithX1B = error.stack?.includes('\x1B')
+  if (startStrWithX1B) {
+    if (htmlError.length > 0) {
+      htmlError += filter.toHtml(
+        escapeHtml((error.stack) as string),
+      )
+    }
+    else {
+      htmlError = `<b>${error.name}</b>: ${
+        error.message
+      }${filter.toHtml(
+        escapeHtml((error.stack) as string),
+      )}`
+    }
+  }
+
+  if (htmlError.length > 0) {
+    return htmlError
+  }
+  return null
+}
+
+export function mapLeveledTaskStacks(dark: boolean, tasks: RunnerTask[]) {
+  const filter = createAnsiToHtmlFilter(dark)
+  return tasks.map((t) => {
+    const result = t.result
+    if (!result || result.htmlError) {
+      return t
+    }
+    const errors = result.errors
+      ?.map(error => createHtmlError(filter, error))
+      .filter(error => error != null)
+      .join('<br><br>')
+    if (errors?.length) {
+      result.htmlError = errors
+    }
+    return t
+  })
+}
diff --git a/packages/ui/client/composables/explorer/utils.ts b/packages/ui/client/composables/explorer/utils.ts
index 5c18d0d26504..33ac1a7c3c82 100644
--- a/packages/ui/client/composables/explorer/utils.ts
+++ b/packages/ui/client/composables/explorer/utils.ts
@@ -142,6 +142,7 @@ export function createOrUpdateNode(
         node.children.add(task.id)
       }
 
+      taskNode.name = task.name
       taskNode.mode = task.mode
       taskNode.duration = duration
       taskNode.state = task.result?.state
diff --git a/packages/ui/client/composables/navigation.ts b/packages/ui/client/composables/navigation.ts
index c16bb6d037cb..b8c085976bdf 100644
--- a/packages/ui/client/composables/navigation.ts
+++ b/packages/ui/client/composables/navigation.ts
@@ -3,7 +3,7 @@ import type { Params } from './params'
 import { viewport } from './browser'
 import { browserState, client, config, findById } from './client'
 import { testRunState } from './client/state'
-import { activeFileId, lineNumber, selectedTest, viewMode } from './params'
+import { activeFileId, columnNumber, lineNumber, selectedTest, viewMode } from './params'
 
 export const currentModule = ref<File>()
 export const dashboardVisible = ref(true)
@@ -101,9 +101,10 @@ export function showDashboard(show: boolean) {
   }
 }
 
-export function navigateTo({ file, line, view, test }: Params) {
+export function navigateTo({ file, line, view, test, column }: Params) {
   activeFileId.value = file
   lineNumber.value = line
+  columnNumber.value = column
   viewMode.value = view
   selectedTest.value = test
   currentModule.value = findById(file)
@@ -116,6 +117,7 @@ export function showReport(task: Task) {
     test: task.type === 'test' ? task.id : null,
     line: null,
     view: null,
+    column: null,
   })
 }
 
diff --git a/packages/ui/client/composables/params.ts b/packages/ui/client/composables/params.ts
index ceaecb9f93e0..de51daf42662 100644
--- a/packages/ui/client/composables/params.ts
+++ b/packages/ui/client/composables/params.ts
@@ -3,6 +3,7 @@ export interface Params {
   view: null | 'graph' | 'editor' | 'console'
   line: null | number
   test: null | string
+  column: null | number
 }
 
 export const params = useUrlSearchParams<Params>('hash', {
@@ -11,10 +12,12 @@ export const params = useUrlSearchParams<Params>('hash', {
     view: null,
     line: null,
     test: null,
+    column: null,
   },
 })
 
 export const activeFileId = toRef(params, 'file')
 export const viewMode = toRef(params, 'view')
 export const lineNumber = toRef(params, 'line')
+export const columnNumber = toRef(params, 'column')
 export const selectedTest = toRef(params, 'test')
diff --git a/packages/ui/client/composables/screenshot.ts b/packages/ui/client/composables/screenshot.ts
new file mode 100644
index 000000000000..c05c2ea57e01
--- /dev/null
+++ b/packages/ui/client/composables/screenshot.ts
@@ -0,0 +1,34 @@
+import type { RunnerTask } from 'vitest'
+
+export function openScreenshot(task: RunnerTask) {
+  const filePath = task.meta?.failScreenshotPath
+  if (filePath) {
+    fetch(`/__open-in-editor?file=${encodeURIComponent(filePath)}`)
+  }
+}
+
+export function useScreenshot() {
+  const showScreenshot = ref(false)
+  const timestamp = ref(Date.now())
+  const currentTask = ref<RunnerTask | undefined>()
+  const currentScreenshotUrl = computed(() => {
+    const id = currentTask.value?.id
+    // force refresh
+    const t = timestamp.value
+    // browser plugin using /, change this if base can be modified
+    return id ? `/__screenshot-error?id=${encodeURIComponent(id)}&t=${t}` : undefined
+  })
+
+  function showScreenshotModal(task: RunnerTask) {
+    currentTask.value = task
+    timestamp.value = Date.now()
+    showScreenshot.value = true
+  }
+
+  return {
+    currentTask,
+    showScreenshot,
+    currentScreenshotUrl,
+    showScreenshotModal,
+  }
+}
diff --git a/packages/ui/client/utils/task.ts b/packages/ui/client/utils/task.ts
index 23c1282290e5..e3686df9afb7 100644
--- a/packages/ui/client/utils/task.ts
+++ b/packages/ui/client/utils/task.ts
@@ -28,3 +28,20 @@ export function getProjectNameColor(name: string | undefined) {
   const colors = ['yellow', 'cyan', 'green', 'magenta']
   return colors[index % colors.length]
 }
+
+export function getProjectTextColor(color: string) {
+  switch (color) {
+    case 'blue':
+    case 'green':
+    case 'magenta':
+    case 'black':
+    case 'red':
+      return 'white'
+
+    case 'yellow':
+    case 'cyan':
+    case 'white':
+    default:
+      return 'black'
+  }
+}
diff --git a/test/core/test/basic.test.ts b/test/core/test/basic.test.ts
index c4627d409993..d69c8e258512 100644
--- a/test/core/test/basic.test.ts
+++ b/test/core/test/basic.test.ts
@@ -41,11 +41,11 @@ test('assertion is callable', () => {
   expect(str).not.to.be.a('number')
 })
 
-const hi = suite('suite')
-
-hi.test('expect truthy', () => {
-  expect({}).toBeTruthy()
-  expect(null).not.toBeTruthy()
+suite('suite', () => {
+  test('expect truthy', () => {
+    expect({}).toBeTruthy()
+    expect(null).not.toBeTruthy()
+  })
 })
 
 // Remove .skip to test async fail by timeout
diff --git a/test/ui/fixtures/annotated.test.ts b/test/ui/fixtures/annotated.test.ts
index 446fa5fc223c..f7bde4bc510d 100644
--- a/test/ui/fixtures/annotated.test.ts
+++ b/test/ui/fixtures/annotated.test.ts
@@ -2,6 +2,7 @@ import { test } from 'vitest'
 
 test('annotated test', async ({ annotate }) => {
   await annotate('hello world')
+  await annotate('second annotation')
 })
 
 test('annotated typed test', async ({ annotate }) => {
diff --git a/test/ui/test/html-report.spec.ts b/test/ui/test/html-report.spec.ts
index 3a975fb46270..f7c85e4bae79 100644
--- a/test/ui/test/html-report.spec.ts
+++ b/test/ui/test/html-report.spec.ts
@@ -108,6 +108,69 @@ test.describe('html report', () => {
     await expect(page.getByTestId('diff')).toContainText('- Expected + Received + <style>* {border: 2px solid green};</style>')
   })
 
+  test('annotations in the report tab', async ({ page }) => {
+    await page.goto(pageUrl)
+
+    await test.step('annotated test', async () => {
+      const item = page.getByLabel('annotated test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotations = page.getByRole('note')
+      await expect(annotations).toHaveCount(2)
+
+      await expect(annotations.first()).toContainText('hello world')
+      await expect(annotations.first()).toContainText('notice')
+      await expect(annotations.first()).toContainText('fixtures/annotated.test.ts:4:9')
+
+      await expect(annotations.last()).toContainText('second annotation')
+      await expect(annotations.last()).toContainText('notice')
+      await expect(annotations.last()).toContainText('fixtures/annotated.test.ts:5:9')
+    })
+
+    await test.step('annotated typed test', async () => {
+      const item = page.getByLabel('annotated typed test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('beware!')
+      await expect(annotation).toContainText('warning')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:9:9')
+    })
+
+    await test.step('annotated file test', async () => {
+      const item = page.getByLabel('annotated file test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('file annotation')
+      await expect(annotation).toContainText('notice')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:13:9')
+      await expect(annotation.getByRole('link')).toHaveAttribute('href', /data\/\w+/)
+    })
+
+    await test.step('annotated image test', async () => {
+      const item = page.getByLabel('annotated image test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('image annotation')
+      await expect(annotation).toContainText('notice')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:19:9')
+      await expect(annotation.getByRole('link')).toHaveAttribute('href', /data\/\w+/)
+      await expect(annotation.getByRole('img')).toHaveAttribute('src', /data\/\w+/)
+    })
+  })
+
   test('annotations', async ({ page }) => {
     await page.goto(pageUrl)
     const item = page.getByLabel('fixtures/annotated.test.ts')
@@ -116,14 +179,15 @@ test.describe('html report', () => {
     await page.getByTestId('btn-code').click({ force: true })
 
     const annotations = page.getByRole('note')
-    await expect(annotations).toHaveCount(4)
+    await expect(annotations).toHaveCount(5)
 
     await expect(annotations.first()).toHaveText('notice: hello world')
-    await expect(annotations.nth(1)).toHaveText('warning: beware!')
-    await expect(annotations.nth(2)).toHaveText(/notice: file annotation/)
-    await expect(annotations.nth(3)).toHaveText('notice: image annotation')
+    await expect(annotations.nth(1)).toHaveText('notice: second annotation')
+    await expect(annotations.nth(2)).toHaveText('warning: beware!')
+    await expect(annotations.nth(3)).toHaveText(/notice: file annotation/)
+    await expect(annotations.nth(4)).toHaveText('notice: image annotation')
 
     await expect(annotations.last().getByRole('link')).toHaveAttribute('href', /data\/\w+/)
-    await expect(annotations.nth(2).getByRole('link')).toHaveAttribute('href', /data\/\w+/)
+    await expect(annotations.nth(3).getByRole('link')).toHaveAttribute('href', /data\/\w+/)
   })
 })
diff --git a/test/ui/test/ui.spec.ts b/test/ui/test/ui.spec.ts
index 82aceae6e174..31f50bb98636 100644
--- a/test/ui/test/ui.spec.ts
+++ b/test/ui/test/ui.spec.ts
@@ -114,7 +114,70 @@ test.describe('ui', () => {
     expect(await page.getByText('afterAll').all()).toHaveLength(6)
   })
 
-  test('annotations', async ({ page }) => {
+  test('annotations in the report tab', async ({ page }) => {
+    await page.goto(pageUrl)
+
+    await test.step('annotated test', async () => {
+      const item = page.getByLabel('annotated test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotations = page.getByRole('note')
+      await expect(annotations).toHaveCount(2)
+
+      await expect(annotations.first()).toContainText('hello world')
+      await expect(annotations.first()).toContainText('notice')
+      await expect(annotations.first()).toContainText('fixtures/annotated.test.ts:4:9')
+
+      await expect(annotations.last()).toContainText('second annotation')
+      await expect(annotations.last()).toContainText('notice')
+      await expect(annotations.last()).toContainText('fixtures/annotated.test.ts:5:9')
+    })
+
+    await test.step('annotated typed test', async () => {
+      const item = page.getByLabel('annotated typed test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('beware!')
+      await expect(annotation).toContainText('warning')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:9:9')
+    })
+
+    await test.step('annotated file test', async () => {
+      const item = page.getByLabel('annotated file test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('file annotation')
+      await expect(annotation).toContainText('notice')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:13:9')
+      await expect(annotation.getByRole('link')).toHaveAttribute('href', /__vitest_attachment__\?path=/)
+    })
+
+    await test.step('annotated image test', async () => {
+      const item = page.getByLabel('annotated image test')
+      await item.click({ force: true })
+      await page.getByTestId('btn-report').click({ force: true })
+
+      const annotation = page.getByRole('note')
+      await expect(annotation).toHaveCount(1)
+
+      await expect(annotation).toContainText('image annotation')
+      await expect(annotation).toContainText('notice')
+      await expect(annotation).toContainText('fixtures/annotated.test.ts:19:9')
+      await expect(annotation.getByRole('link')).toHaveAttribute('href', /__vitest_attachment__\?path=/)
+      await expect(annotation.getByRole('img')).toHaveAttribute('src', /__vitest_attachment__\?path=/)
+    })
+  })
+
+  test('annotations in the editor tab', async ({ page }) => {
     await page.goto(pageUrl)
     const item = page.getByLabel('fixtures/annotated.test.ts')
     await item.hover()
@@ -122,15 +185,16 @@ test.describe('ui', () => {
     await page.getByTestId('btn-code').click({ force: true })
 
     const annotations = page.getByRole('note')
-    await expect(annotations).toHaveCount(4)
+    await expect(annotations).toHaveCount(5)
 
     await expect(annotations.first()).toHaveText('notice: hello world')
-    await expect(annotations.nth(1)).toHaveText('warning: beware!')
-    await expect(annotations.nth(2)).toHaveText(/notice: file annotation/)
-    await expect(annotations.nth(3)).toHaveText('notice: image annotation')
+    await expect(annotations.nth(1)).toHaveText('notice: second annotation')
+    await expect(annotations.nth(2)).toHaveText('warning: beware!')
+    await expect(annotations.nth(3)).toHaveText(/notice: file annotation/)
+    await expect(annotations.nth(4)).toHaveText('notice: image annotation')
 
     await expect(annotations.last().getByRole('link')).toHaveAttribute('href', /__vitest_attachment__\?path=/)
-    await expect(annotations.nth(2).getByRole('link')).toHaveAttribute('href', /__vitest_attachment__\?path=/)
+    await expect(annotations.nth(3).getByRole('link')).toHaveAttribute('href', /__vitest_attachment__\?path=/)
   })
 
   test('error', async ({ page }) => {

From dfe81a67ac12b456fb1a7daef095cc271cd77308 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ari=20Perkki=C3=B6?= <ari.perkkio@gmail.com>
Date: Mon, 9 Jun 2025 10:06:02 +0300
Subject: [PATCH 03/10] fix(pool): throw if user's tests use `process.send()`
 (#8125)

---
 packages/vitest/src/node/pools/forks.ts          | 16 +++++++++++++++-
 packages/vitest/src/node/pools/vmForks.ts        | 16 +++++++++++++++-
 .../fixtures/forks-channel/process-send.test.ts  |  9 +++++++++
 test/cli/fixtures/forks-channel/vitest.config.ts |  1 +
 test/cli/test/forks-channel.test.ts              | 12 ++++++++++++
 5 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 test/cli/fixtures/forks-channel/process-send.test.ts
 create mode 100644 test/cli/fixtures/forks-channel/vitest.config.ts
 create mode 100644 test/cli/test/forks-channel.test.ts

diff --git a/packages/vitest/src/node/pools/forks.ts b/packages/vitest/src/node/pools/forks.ts
index e3322e71df48..f86d6eceb0be 100644
--- a/packages/vitest/src/node/pools/forks.ts
+++ b/packages/vitest/src/node/pools/forks.ts
@@ -30,7 +30,21 @@ function createChildProcessChannel(project: TestProject, collect = false) {
   const rpc = createBirpc<RunnerRPC, RuntimeRPC>(createMethodsRPC(project, { cacheFs: true, collect }), {
     eventNames: ['onCancel'],
     serialize: v8.serialize,
-    deserialize: v => v8.deserialize(Buffer.from(v)),
+    deserialize: (v) => {
+      try {
+        return v8.deserialize(Buffer.from(v))
+      }
+      catch (error) {
+        let stringified = ''
+
+        try {
+          stringified = `\nReceived value: ${JSON.stringify(v)}`
+        }
+        catch {}
+
+        throw new Error(`[vitest-pool]: Unexpected call to process.send(). Make sure your test cases are not interfering with process's channel.${stringified}`, { cause: error })
+      }
+    },
     post(v) {
       emitter.emit(events.message, v)
     },
diff --git a/packages/vitest/src/node/pools/vmForks.ts b/packages/vitest/src/node/pools/vmForks.ts
index 669fd442e714..e697689e70ee 100644
--- a/packages/vitest/src/node/pools/vmForks.ts
+++ b/packages/vitest/src/node/pools/vmForks.ts
@@ -35,7 +35,21 @@ function createChildProcessChannel(project: TestProject, collect: boolean) {
     {
       eventNames: ['onCancel'],
       serialize: v8.serialize,
-      deserialize: v => v8.deserialize(Buffer.from(v)),
+      deserialize: (v) => {
+        try {
+          return v8.deserialize(Buffer.from(v))
+        }
+        catch (error) {
+          let stringified = ''
+
+          try {
+            stringified = `\nReceived value: ${JSON.stringify(v)}`
+          }
+          catch {}
+
+          throw new Error(`[vitest-pool]: Unexpected call to process.send(). Make sure your test cases are not interfering with process's channel.${stringified}`, { cause: error })
+        }
+      },
       post(v) {
         emitter.emit(events.message, v)
       },
diff --git a/test/cli/fixtures/forks-channel/process-send.test.ts b/test/cli/fixtures/forks-channel/process-send.test.ts
new file mode 100644
index 000000000000..31434ff260f6
--- /dev/null
+++ b/test/cli/fixtures/forks-channel/process-send.test.ts
@@ -0,0 +1,9 @@
+import { test } from "vitest";
+
+test("calls IPC channel", () => {
+  if (!process.send) {
+    throw new Error("Expected test case to run inside child_process")
+  }
+
+  process.send({ "not serialized": "with v8 serializer" })
+})
diff --git a/test/cli/fixtures/forks-channel/vitest.config.ts b/test/cli/fixtures/forks-channel/vitest.config.ts
new file mode 100644
index 000000000000..56004c9f9e06
--- /dev/null
+++ b/test/cli/fixtures/forks-channel/vitest.config.ts
@@ -0,0 +1 @@
+export default {}
\ No newline at end of file
diff --git a/test/cli/test/forks-channel.test.ts b/test/cli/test/forks-channel.test.ts
new file mode 100644
index 000000000000..e5be1514088c
--- /dev/null
+++ b/test/cli/test/forks-channel.test.ts
@@ -0,0 +1,12 @@
+import { expect, test } from 'vitest'
+import { runVitest } from '../../test-utils'
+
+test.each(['forks', 'vmForks'] as const)('test case\'s process.send() calls are handled', async (pool) => {
+  const { stderr } = await runVitest({
+    root: './fixtures/forks-channel',
+    pool,
+  })
+
+  expect(stderr).toContain('⎯⎯⎯⎯ Unhandled Rejection ⎯⎯⎯⎯⎯')
+  expect(stderr).toContain('Error: [vitest-pool]: Unexpected call to process.send(). Make sure your test cases are not interfering with process\'s channel.')
+})

From 1d8ebf9ae5afd71099194016243f9282c25ede4f Mon Sep 17 00:00:00 2001
From: Vladimir <sleuths.slews0s@icloud.com>
Date: Mon, 9 Jun 2025 12:57:15 +0200
Subject: [PATCH 04/10] feat(browser): use base url instead of __vitest__
 (#8126)

---
 packages/browser/src/client/orchestrator.ts                  | 3 +--
 .../browser/src/node/middlewares/orchestratorMiddleware.ts   | 2 +-
 packages/browser/src/node/middlewares/testerMiddleware.ts    | 2 +-
 packages/browser/src/node/pool.ts                            | 5 +++--
 packages/browser/src/node/projectParent.ts                   | 4 +++-
 packages/vitest/src/node/logger.ts                           | 2 +-
 .../fixtures/mocking-out-of-root/project1/vitest.config.ts   | 1 -
 7 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/browser/src/client/orchestrator.ts b/packages/browser/src/client/orchestrator.ts
index f1b07195720e..448638374201 100644
--- a/packages/browser/src/client/orchestrator.ts
+++ b/packages/browser/src/client/orchestrator.ts
@@ -6,7 +6,6 @@ import { relative } from 'pathe'
 import { getUiAPI } from './ui'
 import { getBrowserState, getConfig } from './utils'
 
-const url = new URL(location.href)
 const ID_ALL = '__vitest_all__'
 
 export class IframeOrchestrator {
@@ -187,7 +186,7 @@ export class IframeOrchestrator {
 
   private createTestIframe(iframeId: string) {
     const iframe = document.createElement('iframe')
-    const src = `${url.pathname}__vitest_test__/__test__/?sessionId=${getBrowserState().sessionId}&iframeId=${iframeId}`
+    const src = `/?sessionId=${getBrowserState().sessionId}&iframeId=${iframeId}`
     iframe.setAttribute('loading', 'eager')
     iframe.setAttribute('src', src)
     iframe.setAttribute('data-vitest', 'true')
diff --git a/packages/browser/src/node/middlewares/orchestratorMiddleware.ts b/packages/browser/src/node/middlewares/orchestratorMiddleware.ts
index c6d5d8848a8d..d9890cbe091e 100644
--- a/packages/browser/src/node/middlewares/orchestratorMiddleware.ts
+++ b/packages/browser/src/node/middlewares/orchestratorMiddleware.ts
@@ -9,7 +9,7 @@ export function createOrchestratorMiddleware(parentServer: ParentBrowserProject)
       return next()
     }
     const url = new URL(req.url, 'http://localhost')
-    if (url.pathname !== parentServer.base) {
+    if (url.pathname !== parentServer.prefixOrchestratorUrl) {
       return next()
     }
 
diff --git a/packages/browser/src/node/middlewares/testerMiddleware.ts b/packages/browser/src/node/middlewares/testerMiddleware.ts
index 10026d9c694d..386585bf3759 100644
--- a/packages/browser/src/node/middlewares/testerMiddleware.ts
+++ b/packages/browser/src/node/middlewares/testerMiddleware.ts
@@ -9,7 +9,7 @@ export function createTesterMiddleware(browserServer: ParentBrowserProject): Con
       return next()
     }
     const url = new URL(req.url, 'http://localhost')
-    if (!url.pathname.startsWith(browserServer.prefixTesterUrl) || !url.searchParams.has('sessionId')) {
+    if (url.pathname !== browserServer.prefixTesterUrl || !url.searchParams.has('sessionId')) {
       return next()
     }
 
diff --git a/packages/browser/src/node/pool.ts b/packages/browser/src/node/pool.ts
index 479c3b30e2ca..cef407fc1cb0 100644
--- a/packages/browser/src/node/pool.ts
+++ b/packages/browser/src/node/pool.ts
@@ -248,9 +248,10 @@ class BrowserPool {
       this.project,
       this,
     )
-    const url = new URL('/', this.options.origin)
+    const browser = this.project.browser!
+    const url = new URL('/__vitest_test__/', this.options.origin)
     url.searchParams.set('sessionId', sessionId)
-    const pagePromise = this.project.browser!.provider.openPage(
+    const pagePromise = browser.provider.openPage(
       sessionId,
       url.toString(),
     )
diff --git a/packages/browser/src/node/projectParent.ts b/packages/browser/src/node/projectParent.ts
index ff6f2373a65a..32c3e1863c00 100644
--- a/packages/browser/src/node/projectParent.ts
+++ b/packages/browser/src/node/projectParent.ts
@@ -26,6 +26,7 @@ export class ParentBrowserProject {
   public testerScripts: HtmlTagDescriptor[] | undefined
 
   public faviconUrl: string
+  public prefixOrchestratorUrl: string
   public prefixTesterUrl: string
   public manifest: Promise<Vite.Manifest> | Vite.Manifest
 
@@ -108,7 +109,8 @@ export class ParentBrowserProject {
       this.commands[command] = project.config.browser.commands[command]
     }
 
-    this.prefixTesterUrl = `${base}__vitest_test__/__test__/`
+    this.prefixTesterUrl = `${base || '/'}`
+    this.prefixOrchestratorUrl = `${base}__vitest_test__/`
     this.faviconUrl = `${base}__vitest__/favicon.svg`
 
     this.manifest = (async () => {
diff --git a/packages/vitest/src/node/logger.ts b/packages/vitest/src/node/logger.ts
index c1a46d5215f4..71f936275641 100644
--- a/packages/vitest/src/node/logger.ts
+++ b/packages/vitest/src/node/logger.ts
@@ -252,7 +252,7 @@ export class Logger {
     const providerString = provider === 'preview' ? '' : ` by ${c.reset(c.bold(provider))}`
     this.log(
       c.dim(
-        `${output}Browser runner started${providerString} ${c.dim('at')} ${c.blue(new URL('/', origin))}\n`,
+        `${output}Browser runner started${providerString} ${c.dim('at')} ${c.blue(new URL('/__vitest_test__/', origin))}\n`,
       ),
     )
   }
diff --git a/test/browser/fixtures/mocking-out-of-root/project1/vitest.config.ts b/test/browser/fixtures/mocking-out-of-root/project1/vitest.config.ts
index 15b50b920b95..87ea3c9c9ae5 100644
--- a/test/browser/fixtures/mocking-out-of-root/project1/vitest.config.ts
+++ b/test/browser/fixtures/mocking-out-of-root/project1/vitest.config.ts
@@ -14,7 +14,6 @@ export default defineConfig({
       screenshotFailures: false,
       headless: true,
       instances,
-      headless: true,
     },
   },
 })

From 7bd11a9b32d413efa47a3262ce9c91606158f2fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ari=20Perkki=C3=B6?= <ari.perkkio@gmail.com>
Date: Mon, 9 Jun 2025 13:57:56 +0300
Subject: [PATCH 05/10] fix(runner): fast sequential task updates missing
 (#8121)

---
 packages/runner/src/run.ts            | 14 ++++++++++++--
 test/reporters/tests/test-run.test.ts | 19 ++++++++++++++++++-
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/packages/runner/src/run.ts b/packages/runner/src/run.ts
index f29429a22b77..8c746df7430c 100644
--- a/packages/runner/src/run.ts
+++ b/packages/runner/src/run.ts
@@ -17,7 +17,7 @@ import type {
   TestContext,
   WriteableTestContext,
 } from './types/tasks'
-import { shuffle } from '@vitest/utils'
+import { getSafeTimers, shuffle } from '@vitest/utils'
 import { processError } from '@vitest/utils/error'
 import { collectTests } from './collect'
 import { abortContextSignal, getFileContext } from './context'
@@ -32,6 +32,7 @@ import { hasFailed, hasTests } from './utils/tasks'
 
 const now = globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now
 const unixNow = Date.now
+const { clearTimeout, setTimeout } = getSafeTimers()
 
 function updateSuiteHookState(
   task: Task,
@@ -211,12 +212,21 @@ export async function finishSendTasksUpdate(runner: VitestRunner): Promise<void>
 
 function throttle<T extends (...args: any[]) => void>(fn: T, ms: number): T {
   let last = 0
-  return function (this: any, ...args: any[]) {
+  let pendingCall: ReturnType<typeof setTimeout> | undefined
+
+  return function call(this: any, ...args: any[]) {
     const now = unixNow()
     if (now - last > ms) {
       last = now
+
+      clearTimeout(pendingCall)
+      pendingCall = undefined
+
       return fn.apply(this, args)
     }
+
+    // Make sure fn is still called even if there are no further calls
+    pendingCall ??= setTimeout(() => call.bind(this)(...args), ms)
   } as any
 }
 
diff --git a/test/reporters/tests/test-run.test.ts b/test/reporters/tests/test-run.test.ts
index aeab816d6012..90719c83b101 100644
--- a/test/reporters/tests/test-run.test.ts
+++ b/test/reporters/tests/test-run.test.ts
@@ -1,3 +1,4 @@
+import type { UserConsoleLog } from 'vitest'
 import type {
   ReportedHookContext,
   Reporter,
@@ -159,7 +160,10 @@ describe('TestCase', () => {
   test('single test case', async () => {
     const report = await run({
       'example.test.ts': ts`
-        test('single test case', () => {});
+        test('single test case', async () => {
+          await new Promise(resolve => setTimeout(resolve, 150))
+          console.log("Test running!")
+        });
       `,
     })
 
@@ -169,6 +173,7 @@ describe('TestCase', () => {
       onTestModuleCollected (example.test.ts)
       onTestModuleStart     (example.test.ts)
         onTestCaseReady     (example.test.ts) |single test case|
+        onUserConsoleLog    (example.test.ts) |single test case| > Test running!
         onTestCaseResult    (example.test.ts) |single test case|
       onTestModuleEnd       (example.test.ts)"
     `)
@@ -1141,9 +1146,14 @@ async function run(
 
 class CustomReporter implements Reporter {
   calls: string[] = []
+  ctx!: Vitest
 
   constructor(private options: ReporterOptions = {}) {}
 
+  onInit(ctx: Vitest) {
+    this.ctx = ctx
+  }
+
   onTestRunStart(specifications: ReadonlyArray<TestSpecification>) {
     if (this.options.printTestRunEvents) {
       this.calls.push(`onTestRunStart (${specifications.length} specifications)`)
@@ -1188,6 +1198,13 @@ class CustomReporter implements Reporter {
     this.calls.push(`${padded(test, 'onTestCaseResult')} (${this.normalizeFilename(test.module)}) |${test.name}|`)
   }
 
+  onUserConsoleLog(log: UserConsoleLog) {
+    const task = this.ctx.state.idMap.get(log.taskId!)
+    const test = task && this.ctx.state.getReportedEntity(task) as TestCase
+
+    this.calls.push(`${padded(test!, 'onUserConsoleLog')} (${this.normalizeFilename(test!.module)}) |${test!.name}| > ${log.content.replaceAll('\n', '')}`)
+  }
+
   onHookStart(hook: ReportedHookContext) {
     const module = hook.entity.type === 'module' ? hook.entity : hook.entity.module
     const name = hook.entity.type !== 'module' ? ` |${hook.entity.name}|` : ''

From dc469f260f589299c14f8a171f3512b7e19f605c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ari=20Perkki=C3=B6?= <ari.perkkio@gmail.com>
Date: Mon, 9 Jun 2025 13:58:36 +0300
Subject: [PATCH 06/10] fix(runner): comments between fixture destructures
 (#8127)

---
 packages/browser/src/node/plugin.ts           |  1 +
 packages/runner/package.json                  |  3 +-
 packages/runner/src/fixture.ts                |  5 +-
 packages/vitest/package.json                  |  2 +-
 pnpm-lock.yaml                                |  8 ++-
 pnpm-workspace.yaml                           |  1 +
 ...xture-comments-between-destructure.test.ts | 53 +++++++++++++++++++
 7 files changed, 68 insertions(+), 5 deletions(-)
 create mode 100644 test/core/test/fixture-comments-between-destructure.test.ts

diff --git a/packages/browser/src/node/plugin.ts b/packages/browser/src/node/plugin.ts
index 0200de4fa77b..387fc4b386c9 100644
--- a/packages/browser/src/node/plugin.ts
+++ b/packages/browser/src/node/plugin.ts
@@ -241,6 +241,7 @@ export default (parentServer: ParentBrowserProject, base = '/'): Plugin[] => {
           'vitest > @vitest/snapshot > magic-string',
           'vitest > chai',
           'vitest > chai > loupe',
+          'vitest > strip-literal',
           'vitest > @vitest/utils > loupe',
           '@vitest/browser > @testing-library/user-event',
           '@vitest/browser > @testing-library/dom',
diff --git a/packages/runner/package.json b/packages/runner/package.json
index 159dab761fa0..08ec6cd339ce 100644
--- a/packages/runner/package.json
+++ b/packages/runner/package.json
@@ -43,6 +43,7 @@
   },
   "dependencies": {
     "@vitest/utils": "workspace:*",
-    "pathe": "catalog:"
+    "pathe": "catalog:",
+    "strip-literal": "catalog:"
   }
 }
diff --git a/packages/runner/src/fixture.ts b/packages/runner/src/fixture.ts
index 4a0130b2c3a8..e5334ebbf919 100644
--- a/packages/runner/src/fixture.ts
+++ b/packages/runner/src/fixture.ts
@@ -1,6 +1,7 @@
 import type { VitestRunner } from './types'
 import type { FixtureOptions, TestContext } from './types/tasks'
 import { createDefer, isObject } from '@vitest/utils'
+import { stripLiteral } from 'strip-literal'
 import { getFileContext } from './context'
 import { getTestFixture } from './map'
 
@@ -338,9 +339,9 @@ function resolveDeps(
 }
 
 function getUsedProps(fn: Function) {
-  let fnString = fn.toString()
+  let fnString = stripLiteral(fn.toString())
   // match lowered async function and strip it off
-  // example code on esbuild-try https://esbuild.github.io/try/#YgAwLjI0LjAALS1zdXBwb3J0ZWQ6YXN5bmMtYXdhaXQ9ZmFsc2UAZQBlbnRyeS50cwBjb25zdCBvID0gewogIGYxOiBhc3luYyAoKSA9PiB7fSwKICBmMjogYXN5bmMgKGEpID0+IHt9LAogIGYzOiBhc3luYyAoYSwgYikgPT4ge30sCiAgZjQ6IGFzeW5jIGZ1bmN0aW9uKGEpIHt9LAogIGY1OiBhc3luYyBmdW5jdGlvbiBmZihhKSB7fSwKICBhc3luYyBmNihhKSB7fSwKCiAgZzE6IGFzeW5jICgpID0+IHt9LAogIGcyOiBhc3luYyAoeyBhIH0pID0+IHt9LAogIGczOiBhc3luYyAoeyBhIH0sIGIpID0+IHt9LAogIGc0OiBhc3luYyBmdW5jdGlvbiAoeyBhIH0pIHt9LAogIGc1OiBhc3luYyBmdW5jdGlvbiBnZyh7IGEgfSkge30sCiAgYXN5bmMgZzYoeyBhIH0pIHt9Cn0
+  // example code on esbuild-try https://esbuild.github.io/try/#YgAwLjI0LjAALS1zdXBwb3J0ZWQ6YXN5bmMtYXdhaXQ9ZmFsc2UAZQBlbnRyeS50cwBjb25zdCBvID0gewogIGYxOiBhc3luYyAoKSA9PiB7fSwKICBmMjogYXN5bmMgKGEpID0+IHt9LAogIGYzOiBhc3luYyAoYSwgYikgPT4ge30sCiAgZjQ6IGFzeW5jIGZ1bmN0aW9uKGEpIHt9LAogIGY1OiBhc3luYyBmdW5jdGlvbiBmZihhKSB7fSwKICBhc3luYyBmNihhKSB7fSwKCiAgZzE6IGFzeW5jICgpID0+IHt9LAogIGcyOiBhc3luYyAoeyBhIH0pID0+IHt9LAogIGczOiBhc3luYyAoeyBhIH0sIGIpID0+IHt9LAogIGc0OiBhc3luYyBmdW5jdGlvbiAoeyBhIH0pIHt9LAogIGc1OiBhc3luYyBmdW5jdGlvbiBnZyh7IGEgfSkge30sCiAgYXN5bmMgZzYoeyBhIH0pIHt9LAoKICBoMTogYXN5bmMgKCkgPT4ge30sCiAgLy8gY29tbWVudCBiZXR3ZWVuCiAgaDI6IGFzeW5jIChhKSA9PiB7fSwKfQ
   //   __async(this, null, function*
   //   __async(this, arguments, function*
   //   __async(this, [_0, _1], function*
diff --git a/packages/vitest/package.json b/packages/vitest/package.json
index 1266b8b0e08a..4a1ac11e8fb4 100644
--- a/packages/vitest/package.json
+++ b/packages/vitest/package.json
@@ -201,7 +201,7 @@
     "mime": "^4.0.7",
     "pretty-format": "^29.7.0",
     "prompts": "^2.4.2",
-    "strip-literal": "^3.0.0",
+    "strip-literal": "catalog:",
     "ws": "catalog:"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2f9a7bc36a2f..4291a3156cda 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -102,6 +102,9 @@ catalogs:
     std-env:
       specifier: ^3.9.0
       version: 3.9.0
+    strip-literal:
+      specifier: ^3.0.0
+      version: 3.0.0
     test-exclude:
       specifier: ^7.0.1
       version: 7.0.1
@@ -738,6 +741,9 @@ importers:
       pathe:
         specifier: 'catalog:'
         version: 2.0.3
+      strip-literal:
+        specifier: 'catalog:'
+        version: 3.0.0
 
   packages/snapshot:
     dependencies:
@@ -1101,7 +1107,7 @@ importers:
         specifier: ^2.4.2
         version: 2.4.2
       strip-literal:
-        specifier: ^3.0.0
+        specifier: 'catalog:'
         version: 3.0.0
       ws:
         specifier: 'catalog:'
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 5b7067588c66..9293f6bb2150 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -37,6 +37,7 @@ catalog:
   pathe: ^2.0.3
   sirv: ^3.0.1
   std-env: ^3.9.0
+  strip-literal: ^3.0.0
   test-exclude: ^7.0.1
   tinyglobby: ^0.2.14
   tinyrainbow: ^2.0.0
diff --git a/test/core/test/fixture-comments-between-destructure.test.ts b/test/core/test/fixture-comments-between-destructure.test.ts
new file mode 100644
index 000000000000..541fa4fa65fa
--- /dev/null
+++ b/test/core/test/fixture-comments-between-destructure.test.ts
@@ -0,0 +1,53 @@
+/* eslint-disable style/spaced-comment */
+import { test as base, expect } from 'vitest'
+
+const test = base.extend<{
+  one: 1
+  two: 2
+}>({
+  one: 1,
+  two: 2,
+})
+
+test('no comments', ({ one, two }) => {
+  expect(one).toBe(1)
+  expect(two).toBe(2)
+})
+
+test('inline comment', ({
+  one,
+  // comment
+  two,
+}) => {
+  expect(one).toBe(1)
+  expect(two).toBe(2)
+})
+
+test('multiline comment', ({
+  one,
+  /**
+   * comment
+   */
+  two,
+}) => {
+  expect(one).toBe(1)
+  expect(two).toBe(2)
+})
+
+test('inline legal comment', ({
+  one,
+  //! comment
+  two,
+}) => {
+  expect(one).toBe(1)
+  expect(two).toBe(2)
+})
+
+test('multiline legal comment', ({
+  one,
+  /*! comment */
+  two,
+}) => {
+  expect(one).toBe(1)
+  expect(two).toBe(2)
+})

From 8aa252121311f9020561050a3c2faacc0d4676ee Mon Sep 17 00:00:00 2001
From: Blake Newman <code@blakenewman.dev>
Date: Mon, 9 Jun 2025 11:59:14 +0100
Subject: [PATCH 07/10] fix(vite-node): unable to handle errors where sourcemap
 mapping empty (#8071)

Co-authored-by: Hiroshi Ogawa <hi.ogawa.zz@gmail.com>
---
 packages/vite-node/src/source-map-handler.ts     |  5 +++--
 test/vite-node/src/empty-mappings/main.ts        |  2 ++
 test/vite-node/src/empty-mappings/vite.config.ts | 14 ++++++++++++++
 test/vite-node/test/cli.test.ts                  |  6 ++++++
 4 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 test/vite-node/src/empty-mappings/main.ts
 create mode 100644 test/vite-node/src/empty-mappings/vite.config.ts

diff --git a/packages/vite-node/src/source-map-handler.ts b/packages/vite-node/src/source-map-handler.ts
index 724013e09751..533357efa912 100644
--- a/packages/vite-node/src/source-map-handler.ts
+++ b/packages/vite-node/src/source-map-handler.ts
@@ -177,10 +177,11 @@ function mapSourcePosition(position: OriginalMapping) {
   if (!sourceMap) {
     // Call the (overridable) retrieveSourceMap function to get the source map.
     const urlAndMap = retrieveSourceMap(position.source)
-    if (urlAndMap && urlAndMap.map) {
+    const map = urlAndMap && urlAndMap.map
+    if (map && !(typeof map === 'object' && 'mappings' in map && map.mappings === '')) {
       sourceMap = sourceMapCache[position.source] = {
         url: urlAndMap.url,
-        map: new TraceMap(urlAndMap.map),
+        map: new TraceMap(map),
       }
 
       // Load all sources stored inline with the source map into the file cache
diff --git a/test/vite-node/src/empty-mappings/main.ts b/test/vite-node/src/empty-mappings/main.ts
new file mode 100644
index 000000000000..94b611d2d298
--- /dev/null
+++ b/test/vite-node/src/empty-mappings/main.ts
@@ -0,0 +1,2 @@
+// eslint-disable-next-line no-console
+console.log(new Error('[ok]').stack)
diff --git a/test/vite-node/src/empty-mappings/vite.config.ts b/test/vite-node/src/empty-mappings/vite.config.ts
new file mode 100644
index 000000000000..8d7d10f96756
--- /dev/null
+++ b/test/vite-node/src/empty-mappings/vite.config.ts
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  plugins: [
+    {
+      name: 'repro',
+      transform(code, id) {
+        if (id.endsWith('/empty-mappings/main.ts')) {
+          return { code, map: { mappings: '' } }
+        }
+      },
+    },
+  ],
+})
diff --git a/test/vite-node/test/cli.test.ts b/test/vite-node/test/cli.test.ts
index de28516c8baf..3e496d54d808 100644
--- a/test/vite-node/test/cli.test.ts
+++ b/test/vite-node/test/cli.test.ts
@@ -74,3 +74,9 @@ it('buildStart with all ssr', async () => {
   )
   await result.viteNode.waitForStdout('["buildStart:in","buildStart:out"]')
 })
+
+it('empty mappings', async () => {
+  const root = resolve(__dirname, '../src/empty-mappings')
+  const result = await runViteNodeCli('--root', root, resolve(root, 'main.ts'))
+  await result.viteNode.waitForStdout('[ok]')
+})

From 4751436d58dd35267524d90edb0c046e1ec64710 Mon Sep 17 00:00:00 2001
From: Vladimir <sleuths.slews0s@icloud.com>
Date: Mon, 9 Jun 2025 13:29:45 +0200
Subject: [PATCH 08/10] fix: revert `expect.any` return type (#8129)

---
 packages/expect/src/types.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/expect/src/types.ts b/packages/expect/src/types.ts
index fd0d2a58bfe4..ae97e2e91c8a 100644
--- a/packages/expect/src/types.ts
+++ b/packages/expect/src/types.ts
@@ -108,8 +108,8 @@ export interface ExpectStatic
   AsymmetricMatchersContaining {
   <T>(actual: T, message?: string): Assertion<T>
   extend: (expects: MatchersObject) => void
-  anything: () => AsymmetricMatcher<unknown>
-  any: (constructor: unknown) => AsymmetricMatcher<unknown>
+  anything: () => any
+  any: (constructor: unknown) => any
   getState: () => MatcherState
   setState: (state: Partial<MatcherState>) => void
   not: AsymmetricMatchersContaining
@@ -202,7 +202,7 @@ export interface JestAssertion<T = any> extends jest.Matchers<void, T>, CustomMa
    * @example
    * expect(user).toEqual({ name: 'Alice', age: 30 });
    */
-  toEqual: <E>(expected: DeeplyAllowMatchers<E>) => void
+  toEqual: <E>(expected: E) => void
 
   /**
    * Use to test that objects have the same types as well as structure.
@@ -210,7 +210,7 @@ export interface JestAssertion<T = any> extends jest.Matchers<void, T>, CustomMa
    * @example
    * expect(user).toStrictEqual({ name: 'Alice', age: 30 });
    */
-  toStrictEqual: <E>(expected: DeeplyAllowMatchers<E>) => void
+  toStrictEqual: <E>(expected: E) => void
 
   /**
    * Checks that a value is what you expect. It calls `Object.is` to compare values.
@@ -240,7 +240,7 @@ export interface JestAssertion<T = any> extends jest.Matchers<void, T>, CustomMa
    *   address: { city: 'Wonderland' }
    * });
    */
-  toMatchObject: <E extends object | any[]>(expected: DeeplyAllowMatchers<E>) => void
+  toMatchObject: <E extends object | any[]>(expected: E) => void
 
   /**
    * Used when you want to check that an item is in a list.

From 83862d46ea28290bc438259781b1d3bca48eb1ec Mon Sep 17 00:00:00 2001
From: Vladimir <sleuths.slews0s@icloud.com>
Date: Mon, 9 Jun 2025 13:29:58 +0200
Subject: [PATCH 09/10] fix: run only the name plugin last, not all config
 plugins (#8130)

---
 packages/vitest/src/node/plugins/workspace.ts | 98 +++++++++++--------
 1 file changed, 56 insertions(+), 42 deletions(-)

diff --git a/packages/vitest/src/node/plugins/workspace.ts b/packages/vitest/src/node/plugins/workspace.ts
index 8fcbc8b847b6..4a1c255a0cd7 100644
--- a/packages/vitest/src/node/plugins/workspace.ts
+++ b/packages/vitest/src/node/plugins/workspace.ts
@@ -32,18 +32,11 @@ export function WorkspaceVitestPlugin(
 ) {
   return <VitePlugin[]>[
     {
-      name: 'vitest:project',
+      name: 'vitest:project:name',
       enforce: 'post',
-      options() {
-        this.meta.watchMode = false
-      },
       config(viteConfig) {
-        const defines: Record<string, any> = deleteDefineConfig(viteConfig)
-
         const testConfig = viteConfig.test || {}
 
-        const root = testConfig.root || viteConfig.root || options.root
-
         let { label: name, color } = typeof testConfig.name === 'string'
           ? { label: testConfig.name }
           : { label: '', ...testConfig.name }
@@ -67,6 +60,56 @@ export function WorkspaceVitestPlugin(
           }
         }
 
+        const isUserBrowserEnabled = viteConfig.test?.browser?.enabled
+        const isBrowserEnabled = isUserBrowserEnabled ?? (viteConfig.test?.browser && project.vitest._cliOptions.browser?.enabled)
+        // keep project names to potentially filter it out
+        const workspaceNames = [name]
+        const browser = viteConfig.test!.browser || {}
+        if (isBrowserEnabled && browser.name && !browser.instances?.length) {
+          // vitest injects `instances` in this case later on
+          workspaceNames.push(name ? `${name} (${browser.name})` : browser.name)
+        }
+
+        viteConfig.test?.browser?.instances?.forEach((instance) => {
+          // every instance is a potential project
+          instance.name ??= name ? `${name} (${instance.browser})` : instance.browser
+          if (isBrowserEnabled) {
+            workspaceNames.push(instance.name)
+          }
+        })
+
+        const filters = project.vitest.config.project
+        // if there is `--project=...` filter, check if any of the potential projects match
+        // if projects don't match, we ignore the test project altogether
+        // if some of them match, they will later be filtered again by `resolveWorkspace`
+        if (filters.length) {
+          const hasProject = workspaceNames.some((name) => {
+            return project.vitest.matchesProjectFilter(name)
+          })
+          if (!hasProject) {
+            throw new VitestFilteredOutProjectError()
+          }
+        }
+
+        return {
+          test: {
+            name: { label: name, color },
+          },
+        }
+      },
+    },
+    {
+      name: 'vitest:project',
+      enforce: 'pre',
+      options() {
+        this.meta.watchMode = false
+      },
+      config(viteConfig) {
+        const defines: Record<string, any> = deleteDefineConfig(viteConfig)
+
+        const testConfig = viteConfig.test || {}
+        const root = testConfig.root || viteConfig.root || options.root
+
         const resolveOptions = getDefaultResolveOptions()
         const config: ViteConfig = {
           root,
@@ -110,44 +153,11 @@ export function WorkspaceVitestPlugin(
               resolve: resolveOptions,
             },
           },
-          test: {
-            name: { label: name, color },
-          },
+          test: {},
         }
 
         ;(config.test as ResolvedConfig).defines = defines
 
-        const isUserBrowserEnabled = viteConfig.test?.browser?.enabled
-        const isBrowserEnabled = isUserBrowserEnabled ?? (viteConfig.test?.browser && project.vitest._cliOptions.browser?.enabled)
-        // keep project names to potentially filter it out
-        const workspaceNames = [name]
-        const browser = viteConfig.test!.browser || {}
-        if (isBrowserEnabled && browser.name && !browser.instances?.length) {
-          // vitest injects `instances` in this case later on
-          workspaceNames.push(name ? `${name} (${browser.name})` : browser.name)
-        }
-
-        viteConfig.test?.browser?.instances?.forEach((instance) => {
-          // every instance is a potential project
-          instance.name ??= name ? `${name} (${instance.browser})` : instance.browser
-          if (isBrowserEnabled) {
-            workspaceNames.push(instance.name)
-          }
-        })
-
-        const filters = project.vitest.config.project
-        // if there is `--project=...` filter, check if any of the potential projects match
-        // if projects don't match, we ignore the test project altogether
-        // if some of them match, they will later be filtered again by `resolveWorkspace`
-        if (filters.length) {
-          const hasProject = workspaceNames.some((name) => {
-            return project.vitest.matchesProjectFilter(name)
-          })
-          if (!hasProject) {
-            throw new VitestFilteredOutProjectError()
-          }
-        }
-
         const classNameStrategy
           = (typeof testConfig.css !== 'boolean'
             && testConfig.css?.modules?.classNameStrategy)
@@ -181,6 +191,10 @@ export function WorkspaceVitestPlugin(
 
         return config
       },
+    },
+    {
+      name: 'vitest:project:server',
+      enforce: 'post',
       async configureServer(server) {
         const options = deepMerge({}, configDefaults, server.config.test || {})
         await project._configureServer(options, server)

From b87ee3ece20bc5fc61e179a36741d9d36d494ea7 Mon Sep 17 00:00:00 2001
From: Vladimir Sheremet <sleuths.slews0s@icloud.com>
Date: Mon, 9 Jun 2025 13:30:55 +0200
Subject: [PATCH 10/10] chore: release v3.2.3

---
 package.json                            | 2 +-
 packages/browser/package.json           | 2 +-
 packages/coverage-istanbul/package.json | 2 +-
 packages/coverage-v8/package.json       | 2 +-
 packages/expect/package.json            | 2 +-
 packages/mocker/package.json            | 2 +-
 packages/pretty-format/package.json     | 2 +-
 packages/runner/package.json            | 2 +-
 packages/snapshot/package.json          | 2 +-
 packages/spy/package.json               | 2 +-
 packages/ui/package.json                | 2 +-
 packages/utils/package.json             | 2 +-
 packages/vite-node/package.json         | 2 +-
 packages/vitest/package.json            | 2 +-
 packages/web-worker/package.json        | 2 +-
 packages/ws-client/package.json         | 2 +-
 16 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 3200a350f5ef..f9b0f81f3075 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/monorepo",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "private": true,
   "packageManager": "pnpm@10.11.0",
   "description": "Next generation testing framework powered by Vite",
diff --git a/packages/browser/package.json b/packages/browser/package.json
index bcad0f16ad15..d57085ccead4 100644
--- a/packages/browser/package.json
+++ b/packages/browser/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Browser running for Vitest",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/coverage-istanbul/package.json b/packages/coverage-istanbul/package.json
index 90e45f71136a..90c2acefc0bc 100644
--- a/packages/coverage-istanbul/package.json
+++ b/packages/coverage-istanbul/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/coverage-istanbul",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Istanbul coverage provider for Vitest",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
diff --git a/packages/coverage-v8/package.json b/packages/coverage-v8/package.json
index 78735bd735ce..fe8e3f828ce3 100644
--- a/packages/coverage-v8/package.json
+++ b/packages/coverage-v8/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/coverage-v8",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "V8 coverage provider for Vitest",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
diff --git a/packages/expect/package.json b/packages/expect/package.json
index 17bd093b6d02..fbda22d2221a 100644
--- a/packages/expect/package.json
+++ b/packages/expect/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/expect",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Jest's expect matchers as a Chai plugin",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/mocker/package.json b/packages/mocker/package.json
index 6459f1e062e1..66cd2a05eb66 100644
--- a/packages/mocker/package.json
+++ b/packages/mocker/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/mocker",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Vitest module mocker implementation",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/pretty-format/package.json b/packages/pretty-format/package.json
index 468d3c2195ee..c8775051c10a 100644
--- a/packages/pretty-format/package.json
+++ b/packages/pretty-format/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/pretty-format",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Fork of pretty-format with support for ESM",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/runner/package.json b/packages/runner/package.json
index 08ec6cd339ce..28cac6e51df1 100644
--- a/packages/runner/package.json
+++ b/packages/runner/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/runner",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Vitest test runner",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/snapshot/package.json b/packages/snapshot/package.json
index 8c240446f284..783df5253722 100644
--- a/packages/snapshot/package.json
+++ b/packages/snapshot/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/snapshot",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Vitest snapshot manager",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/spy/package.json b/packages/spy/package.json
index bd25bbe65de2..0f9e2550917f 100644
--- a/packages/spy/package.json
+++ b/packages/spy/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/spy",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Lightweight Jest compatible spy implementation",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/ui/package.json b/packages/ui/package.json
index e866b776b551..22cd2a3c9397 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/ui",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "UI for Vitest",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 76ed6f64adf6..c4eb28e248fc 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/utils",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Shared Vitest utility functions",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/vite-node/package.json b/packages/vite-node/package.json
index 3df0dba0b167..965d99be957c 100644
--- a/packages/vite-node/package.json
+++ b/packages/vite-node/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vite-node",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Vite as Node.js runtime",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
diff --git a/packages/vitest/package.json b/packages/vitest/package.json
index 4a1ac11e8fb4..7ed2248ceba5 100644
--- a/packages/vitest/package.json
+++ b/packages/vitest/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vitest",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Next generation testing framework powered by Vite",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
diff --git a/packages/web-worker/package.json b/packages/web-worker/package.json
index 1407c2b3d5ad..d324171ea435 100644
--- a/packages/web-worker/package.json
+++ b/packages/web-worker/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/web-worker",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "Web Worker support for testing in Vitest",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
diff --git a/packages/ws-client/package.json b/packages/ws-client/package.json
index 0cf14a2292fe..e6825e215296 100644
--- a/packages/ws-client/package.json
+++ b/packages/ws-client/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vitest/ws-client",
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "description": "WebSocket client wrapper for communicating with Vitest",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",