Angular(v21)用Edge执行ng test遇Playwright不支持错误求助

问题原因 #

Angular 21的@angular/build:unit-test构建器默认使用Playwright作为浏览器驱动，而Playwright并未将"edge"作为独立的浏览器标识——Edge基于Chromium内核，需要通过Chromium的channel参数指定调用Edge。

解决步骤 #

1. 修改angular.json配置
   将原有的browsers: ["edge"]替换为针对Chromium的channel配置，指定使用Microsoft Edge：

   "test": {
     "builder": "@angular/build:unit-test",
     "options": {
       "browsers": [
         {
           "name": "chromium",
           "options": {
             "channel": "msedge"
           }
         }
       ]
     }
   }
   

2. 安装Playwright的Edge浏览器包
   如果尚未安装对应浏览器的Playwright驱动，执行以下命令：

   npx playwright install msedge
   

3. 重新运行测试
   执行ng test，此时测试会自动启动Edge浏览器运行。

补充说明 #

若你坚持使用WebdriverIO而非Playwright，需要修改测试构建器的browserProvider选项为webdriverio，并确保WebdriverIO的Edge驱动配置正确，但Angular 21官方默认推荐使用Playwright，上述方法是更贴合当前版本的解决方案。

内容的提问来源于stack exchange，提问作者Skimrande