René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"ng-add support for Vitest browser providers doesn't work","articleBody":"### Command\n\nadd\n\n### Is this a regression?\n\n- [ ] Yes, this behavior used to work in the previous version\n\n### The previous version in which this bug was not present was\n\n_No response_\n\n### Description\n\n@angular/cli v21.2.0-next.0 added in https://github.com/angular/angular-cli/commit/f80db6fb714aa326f6ed03a8a51090ca59ad0955 `add ng-add support for Vitest browser providers` but it is not complete and does not actually work.\n\nThe schematic correctly adds the required packages and modifies `tsconfig.spec.json` but does not add the `browsers` option as documented at https://angular.dev/guide/testing/migrating-to-vitest#5-configure-browser-mode-optional.\n\nWithout this option the test doesn't actually run in browser environment and is still run in DOM emulation library within Node.js.\n\n### Minimal Reproduction\n\nRepro steps:\n\n1. `ng new angular22dot2dot0next0 --ssr=false --style=scss --ai-config=none`\n2. `ng add @vitest/browser-playwright`\n3. `npx playwright install`\n4. Open `app.spec.ts` and add line to any test: `console.log('RUNNING IN:', navigator.userAgent);`\n5. Run test via `ng test`\n6. Observe the console outputs: `RUNNING IN: Mozilla/5.0 (win32) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/27.4.0`\n7. Test still runs in Node.js with DOM emulation, not in Vitest browser ❌\n\nHow to fix:\n\n1. Open `angular.json` and change:\n```json\n\"test\": {\n  \"builder\": \"@angular/build:unit-test\"\n}\n```\n\nto:\n```json\n\"test\": {\n  \"builder\": \"@angular/build:unit-test\",\n  \"options\": {\n    \"browsers\": [\"chromium\"]\n  }\n}\n```\n2. Run test via `ng test`\n3. Observe actual Chrome for Testing window opens and Console outputs: `RUNNING IN: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36`\n4. Test runs in Vitest browser 👍 \n\n### Exception or Error\n\n```text\n\n```\n\n### Your Environment\n\n```text\n_                      _                 ____ _     ___\n    / \\   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|\n   / △ \\ | '_ \\ / _` | | | | |/ _` | '__|   | |   | |    | |\n  / ___ \\| | | | (_| | |_| | | (_| | |      | |___| |___ | |\n /_/   \\_\\_| |_|\\__, |\\__,_|_|\\__,_|_|       \\____|_____|___|\n                |___/\n\n\nAngular CLI       : 21.2.0-next.0\nNode.js           : 24.13.0\nPackage Manager   : npm 11.6.2\nOperating System  : win32 x64\n```\n\n### Anything else relevant?\n\n_No response_","author":{"url":"https://github.com/klofi","@type":"Person","name":"klofi"},"datePublished":"2026-01-30T15:41:18.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/32401/angular-cli/issues/32401"}