DEV Community
·
Angular模板代码覆盖率和未来兼容测试的关键要素
💡
原文英文，约1300词，阅读约需5分钟。
📝
内容提要
启用Angular的预编译（AOT）可以提高模板代码覆盖率、加快测试速度，并确保与生产环境一致。相比JIT编译，AOT在准确性和未来兼容性上表现更佳。Vitest已支持AOT，Karma和Jest也将很快跟进。
🎯
关键要点
- 启用Angular的预编译（AOT）可以提高模板代码覆盖率、加快测试速度，并确保与生产环境一致。
- 相比JIT编译，AOT在准确性和未来兼容性上表现更佳。
- Vitest已支持AOT，Karma和Jest也将很快跟进。
- JIT编译存在几个显著缺点，包括代码覆盖率不准确、测试速度较慢和与生产环境不对称。
- 自Angular 8及IVy引入以来，Angular编译器开始将模板转换为指令，理论上可以通过AOT生成代码覆盖率。
- AOT测试的其他好处包括更快的测试执行和更高的生产环境对称性。
- 使用AOT可以使测试具备未来兼容性，避免JIT的局限性。
- 启用AOT后，某些依赖动态构造的技术可能会失效，建议尽量避免使用。
- AOT使得浅测试变得更加困难，当前无法使用TestBed#overrideComponent覆盖组件的导入。
- 对于浅测试，建议使用JIT，直到AOT支持更好的替代方案。
- Vitest用户可以通过配置启用AOT，并选择使用Istanbul作为代码覆盖率提供者。
- 代码覆盖率应作为指标使用，而不是严格目标。
- Karma用户将很快能够通过简单的标志启用AOT，Jest用户有多个选项，包括迁移到Vitest。
➡️
