feat(browser): add "init" command for browser tests (#5960)

docs/guide/browser.md

@@ -8,7 +8,26 @@ This page provides information about the experimental browser mode feature in th
 
 ## Installation
 
-By default, Browser Mode doesn't require any additional E2E provider to run tests locally because it reuses your existing browser.
+For easier setup, you can use `vitest init browser` command to install required dependencies and create browser configuration.
+
+::: code-group
+```bash [npm]
+npx vitest init browser
+```
+```bash [yarn]
+yarn exec vitest init browser
+```
+```bash [pnpm]
+pnpx vitest init browser
+```
+```bash [bun]
+bunx vitest init browser
+```
+:::
+
+### Manual Installation
+
+You can also install packages manually. By default, Browser Mode doesn't require any additional E2E provider to run tests locally because it reuses your existing browser.
 
 ::: code-group
 ```bash [npm]
@@ -997,7 +1016,7 @@ We recommend using `testing-library` packages depending on your framework:
 - [`@testing-library/svelte`](https://testing-library.com/docs/svelte-testing-library/intro) to render [svelte](https://svelte.dev) components
 - [`@testing-library/react`](https://testing-library.com/docs/react-testing-library/intro) to render [react](https://react.dev) components
 - [`@testing-library/preact`](https://testing-library.com/docs/preact-testing-library/intro) to render [preact](https://preactjs.com) components
-- [`@testing-library/solid`](https://testing-library.com/docs/solid-testing-library/intro) to render [solid](https://www.solidjs.com) components
+- [`solid-testing-library`](https://testing-library.com/docs/solid-testing-library/intro) to render [solid](https://www.solidjs.com) components
 - [`@marko/testing-library`](https://testing-library.com/docs/marko-testing-library/intro) to render [marko](https://markojs.com) components
 
 ::: warning

packages/browser/src/client/channel.ts

@@ -1,3 +1,4 @@
+import type { CancelReason } from '@vitest/runner'
 import { getBrowserState } from './utils'
 
 export interface IframeDoneEvent {
@@ -59,6 +60,13 @@ export interface IframeMockInvalidateEvent {
   type: 'mock:invalidate'
 }
 
+export interface GlobalChannelTestRunCanceledEvent {
+  type: 'cancel'
+  reason: CancelReason
+}
+
+export type GlobalChannelIncomingEvent = GlobalChannelTestRunCanceledEvent
+
 export type IframeChannelIncomingEvent =
   | IframeViewportEvent
   | IframeErrorEvent
@@ -81,6 +89,7 @@ export type IframeChannelEvent =
 export const channel = new BroadcastChannel(
   `vitest:${getBrowserState().contextId}`,
 )
+export const globalChannel = new BroadcastChannel('vitest:global')
 
 export function waitForChannel(event: IframeChannelOutgoingEvent['type']) {
   return new Promise<void>((resolve) => {