fix: fix module graph UI on html reporter with headless browser mode (#9219)

Author: hi-ogawa

packages/ui/node/reporter.ts

@@ -101,7 +101,7 @@ export default class HTMLReporter implements Reporter {
 processAttachments(file)
 constprojectName=file.projectName||''
 constresolvedConfig=this.ctx.getProjectByName(projectName).config
-constbrowser=resolvedConfig.browser.enabled&&resolvedConfig.browser.ui
+constbrowser=resolvedConfig.browser.enabled
 result.moduleGraph[projectName]??={}
 result.moduleGraph[projectName][file.filepath]=awaitgetModuleGraph(
 this.ctx,

pnpm-lock.yaml

@@ -6,6 +6,7 @@
 "test": "vitest"
  },
 "devDependencies": {
+"@vitest/browser-playwright": "workspace:*",
 "@vitest/runner": "workspace:*",
 "flatted": "^3.3.3",
 "pkg-reporter": "./reportPkg/",

test/reporters/package.json

@@ -1,10 +1,10 @@
 importfsfrom'node:fs'
 importzlibfrom'node:zlib'
+import{playwright}from'@vitest/browser-playwright'
 import{parse}from'flatted'
 import{resolve}from'pathe'
 import{describe,expect,it}from'vitest'
-
-import{runVitest}from'../../test-utils'
+import{runInlineTests,runVitest}from'../../test-utils'
 
 describe('html reporter',async()=>{
 constvitestRoot=resolve(import.meta.dirname,'../../..')
@@ -100,3 +100,33 @@ describe('html reporter', async () => {
 expect(indexHtml).toMatch('window.METADATA_PATH="html.meta.json.gz"')
 },120000)
 })
+
+it('browser mode headless',async()=>{
+constresult=awaitrunInlineTests({
+'basic.test.ts': /* ts */`
+import { test } from "vitest";
+test('basic', () => {});
+`,
+},{
+reporters: ['default','html'],
+},{},{
+test: {
+browser: {
+enabled: true,
+provider: playwright(),
+headless: true,
+instances: [
+{browser: 'chromium'asconst},
+],
+},
+},
+})
+expect(result.errorTree()).toMatchInlineSnapshot(`
+ {
+ "basic.test.ts": {
+ "basic": "passed",
+ },
+ }
+ `)
+expect(result.fs.statFile('html/index.html').isFile()).toBe(true)
+})