前端单元测试

💎 价值 本文将在“实战”中介绍 bun 内置的速度极快的 HTMLRewriter，4w 多字符的 HTML 处理只需要不到一毫秒！ HTMLRewriter HTMLRewriter 允许你使用

单元测试输出的 HTML 通常压缩在一行，没有空格和换行不利于 snapshot diff，我们需要有一个称手的工具来“美化” HTML，其次输出的路径的分隔符在 Windows 和类 Unix 系统

💰 价值 本文我们将学会如何在无法给开源模块提交 MR 的情况下且仅针对测试运行时修改第三方模块。该模式可以帮助我们解决任何 node_modules 导致的测试报错。 我们通过对解法的深入探寻，从第

💎 价值 本文通过自定义 bun 插件解决 bun 具名导入 svg 遇到的问题，同时通过灵活运用 onResolve 和 onLoad 钩子『编织出』导入关系图，精准还原导入方式，让我们熟悉了插件的

1. 如何提升测试性能？ 将 getAllByRole 改成 getAllByText，性能从 2.6s 优化到 <1ms。 我们对文字断言也做了性能优化，从 1s+ 优化到零点几ms！这是因为我们的

bun test、React 组件测试、集成测试、单元测试、snapshot 错误和故障出现得更快，错误被更早检测到，这样能更容易重现和更快地修复。更少的错误和缺陷将投入生产，从而产生更高质量的软件。