fix: encode projectName in browser client URL

packages/browser/src/client/client.ts

@@ -18,7 +18,7 @@ export const RPC_ID: string
 const METHOD = getBrowserState().method
 export const ENTRY_URL: string = `${
   location.protocol === 'https:' ? 'wss:' : 'ws:'
-}//${HOST}/__vitest_browser_api__?type=${PAGE_TYPE}&rpcId=${RPC_ID}&sessionId=${getBrowserState().sessionId}&projectName=${getBrowserState().config.name || ''}&method=${METHOD}&token=${(window as any).VITEST_API_TOKEN || '0'}`
+}//${HOST}/__vitest_browser_api__?type=${PAGE_TYPE}&rpcId=${RPC_ID}&sessionId=${getBrowserState().sessionId}&projectName=${encodeURIComponent(getBrowserState().config.name || '')}&method=${METHOD}&token=${(window as any).VITEST_API_TOKEN || '0'}`
 
 const onCancelCallbacks: ((reason: CancelReason) => void)[] = []
 

test/browser/fixtures/project-name-encoding/basic.test.ts

@@ -0,0 +1,5 @@
+import { expect, test } from 'vitest'
+
+test('basic test', () => {
+  expect(true).toBe(true)
+})

test/browser/fixtures/project-name-encoding/vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config'
+import { provider } from '../../settings'
+
+export default defineConfig({
+  test: {
+    name: 'Components & Hooks',
+    browser: {
+      enabled: true,
+      provider,
+      instances: [{ browser: 'chromium' }],
+      headless: true,
+    },
+  },
+})

test/browser/specs/project-name-encoding.test.ts

@@ -0,0 +1,13 @@
+import { expect, test } from 'vitest'
+import { runBrowserTests } from './utils'
+
+test('runs tests correctly when project name contains special characters', async () => {
+  const { stderr, stdout, exitCode } = await runBrowserTests({
+    root: 'test/browser/fixtures/project-name-encoding',
+  })
+
+  expect(stderr).toBe('')
+  expect(exitCode).toBe(0)
+  expect(stdout).toContain('Test Files  1 passed')
+  expect(stdout).toContain('Components & Hooks')
+})