docs: vitest browser mode is not support angular yet

[13RTK]

Describe the problem that you experienced

The latest Angular docs about testing in real browser are not complete, the vitest browser mode does not adopt Angular, and there is no option for Angular in browser mode init CLI

Enter the URL of the topic with the problem

https://angular.dev/guide/testing#running-tests-in-a-browser

Describe what you were looking for in the documentation

No response

Describe the actions that led you to experience the problem

No response

Describe what you want to experience that would fix the problem

No response

Add a screenshot if that helps illustrate the problem

No response

If this problem caused an exception or error, please paste it here

If the problem is browser-specific, please specify the device, OS, browser, and version

Provide any additional information here in as much as detail as you can

[alan-agius4]

To setup vitest with Angular CLI, you need to use the Angular CLI and not Vitest CLI.

[13RTK]

To setup vitest with Angular CLI, you need to use the Angular CLI and not Vitest CLI.

In Angular CLI, the browser mode is not complete; we need render from vitest-browser-xxx to render the component into the test browser. If we just use TestBed.createComponent to render the component, there has error:
src/app/app.test.ts
Error: Failed to import test file C:/Users/Lexi-/Desktop/angular-v21-demo/src/app/app.test.ts

[alan-agius4]

No you do not need to use render from vitest-browser-xx to render a component into the test browser. You should be using TestBed.createComponent.

$ ng new test-vite-browser --defaults --no-interactive
CREATE test-vite-browser/README.md (1478 bytes)
CREATE test-vite-browser/.editorconfig (314 bytes)
CREATE test-vite-browser/.gitignore (604 bytes)
CREATE test-vite-browser/angular.json (1937 bytes)
CREATE test-vite-browser/package.json (966 bytes)
CREATE test-vite-browser/tsconfig.json (957 bytes)
CREATE test-vite-browser/tsconfig.app.json (429 bytes)
CREATE test-vite-browser/tsconfig.spec.json (441 bytes)
CREATE test-vite-browser/.vscode/extensions.json (130 bytes)
CREATE test-vite-browser/.vscode/launch.json (470 bytes)
CREATE test-vite-browser/.vscode/tasks.json (938 bytes)
CREATE test-vite-browser/src/main.ts (222 bytes)
CREATE test-vite-browser/src/index.html (301 bytes)
CREATE test-vite-browser/src/styles.css (80 bytes)
CREATE test-vite-browser/src/app/app.css (0 bytes)
CREATE test-vite-browser/src/app/app.spec.ts (684 bytes)
CREATE test-vite-browser/src/app/app.ts (299 bytes)
CREATE test-vite-browser/src/app/app.html (20122 bytes)
CREATE test-vite-browser/src/app/app.config.ts (313 bytes)
CREATE test-vite-browser/src/app/app.routes.ts (77 bytes)
CREATE test-vite-browser/public/favicon.ico (15086 bytes)
✔ Packages installed successfully.
    Successfully initialized git.

$ cd test-vite-browser 

$ pnpm install playwright @vitest/playwright-browser --save-dev
Packages: +11 -2
+++++++++++--
Progress: resolved 620, reused 497, downloaded 2, added 11, done

devDependencies:
+ @vitest/browser-playwright 4.0.12
+ playwright 1.56.1

Done in 1.9s using pnpm v10.18.3


$ ng t --browsers=Chromium --no-watch

Initial chunk files | Names         | Raw size
spec-app-app.js     | spec-app-app  | 47.27 kB | 
chunk-XSGC6WRG.js   | -             |  4.05 kB | 
init-testbed.js     | init-testbed  |  1.20 kB | 
styles.css          | styles        | 56 bytes | 

                    | Initial total | 52.58 kB

Application bundle generation complete. [1.753 seconds] - 2025-11-21T14:51:15.008Z


 RUN  v4.0.12 /test-vite-browser

 ✓  test-vite-browser (chromium)  src/app/app.spec.ts (2 tests) 64ms
   ✓ App (2)
     ✓ should create the app 18ms
     ✓ should render title 45ms

 Test Files  1 passed (1)
      Tests  2 passed (2)
   Start at  14:51:15
   Duration  4.16s (transform 0ms, setup 555ms, collect 81ms, tests 64ms, environment 0ms, prepare 652ms)