Angular 5应用：如何在CI环境中实现IE浏览器单元测试？

好问题！结合你目前Jenkins+Linux+ChromeHeadless的测试环境，要保障Angular 5应用在IE11上的单元测试有效性，我来拆解下可行的思路：

一、直接在真实IE11环境运行测试 #

首先得明确：IE11是Windows专属浏览器，没法直接在Linux服务器上运行，所以要跑真实IE11测试，得绕开这个限制：

• 给Jenkins添加Windows节点：配置一台Windows slave机器，安装好IE11、Node.js、Angular CLI和项目依赖，然后让测试任务指定在这个Windows节点执行。测试命令可以调整为ng test --watch false --browsers IE --colors false，记得在Karma配置文件里注册IE浏览器（安装karma-ie-launcher插件）。
• 使用虚拟机/容器化方案：在Linux服务器上通过VirtualBox等工具运行Windows虚拟机，或者尝试支持Windows容器的Docker环境（注意Linux内核版本要求），在虚拟机/容器里配置好IE11环境后执行测试。不过这种方案维护成本相对高一些。

二、模拟IE11的Node.js工具与局限性 #

目前没有纯粹的Node.js插件能100%模拟IE11的Trident引擎和所有行为，但有几个工具可以覆盖部分测试场景：

• jsdom：这是一个Node.js环境下的DOM模拟库，可以通过设置userAgent为IE11的标识，再配合加载IE11所需的polyfills，来模拟IE11的DOM环境。不过它没法模拟IE11特有的JS引擎兼容问题（比如某些ES6语法的解析差异），只能覆盖DOM相关的单元测试。
• Playwright：虽然不是纯Node插件，但它是Node.js驱动的自动化测试工具，支持在Windows环境下启动IE11实例并运行测试。你可以用它编写端到端测试，或者集成到单元测试流程中，模拟IE11环境验证测试用例。不过同样需要Windows环境支撑，Linux上还是得依赖Windows节点或虚拟机。
• 注意：曾经的karma-phantomjs-launcher已经停止维护，而且它的WebKit内核和IE11的Trident引擎差异极大，模拟出来的结果参考价值很低，不建议使用。

三、保障IE11测试通过的额外建议 #

• 先在本地Windows环境验证：在自己的Windows机器上用IE11跑一遍单元测试，提前排查兼容性问题，比如未引入的polyfills、IE11不支持的API调用等。
• 完善polyfills.ts配置：Angular 5默认的polyfills文件里有IE11相关的注释，记得把对应polyfills的注释打开并安装依赖（比如core-js、web-animations-js），确保项目代码能在IE11正常运行。
• 调整测试代码：避免在测试用例中使用IE11不支持的语法或API，比如如果用了箭头函数，确保已通过Babel转译，或者直接改用普通函数。

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