gutenbergdocs/docs/explanations/architecture/automated-testing.md
2025-10-22 01:40:18 +08:00

3.7 KiB
Raw Permalink Blame History

自动化测试

为何选择Puppeteer作为端到端测试工具

当前存在丰富的网络端到端自动化测试工具生态。因此常有人提出疑问:"为何Gutenberg选用Puppeteer而非(CypressSeleniumPlaywright等)"考虑到端到端测试在构建结果方面存在历史性的不稳定性在评估工具提供的价值是否超过维护成本时这个问题显得尤为关键。虽然我们应始终保持重新评估早期决策的开放态度但无论是过去还是现在Puppeteer始终是端到端测试方案中的最佳折中选择。

其优势包括:

  • 与现有测试框架的互操作性。Puppeteer"仅"是一个控制Chrome浏览器的工具并不预设测试环境的集成方式。虽然这需要额外确保测试环境的可用性但也使其能够灵活适配现有配置。Gutenberg得以在单元测试和端到端测试中持续使用Jest框架。这与Cypress等其他方案形成鲜明对比——后者提供自成体系的测试框架和断言库作为一体化解决方案。
  • 表达力强且可预测的API。Puppeteer在底层浏览器行为访问与现代化JavaScript异步/等待语法的命令发布/响应等待之间实现了精妙平衡。相较之下其他方案要么不支持原生异步功能要么未开放直接浏览器访问权限要么采用自定义领域特定语言来表达浏览器命令和断言。尽管Puppeteer主要针对Chrome浏览器在跨浏览器覆盖方面存在局限但有限的浏览器目标反而能提供更一致的测试结果并确保代码在浏览器环境中获得更可靠的评估。
  • 暴露问题而非掩盖缺陷。许多替代方案提供自动等待网络请求完成或页面元素异步加载的功能。虽然这为处理不可预知的延迟提供了便利,但也可能无意间掩盖真实存在的用户体验问题。例如,若某个元素仅在网络请求或计算完成后才会显示,开发者很容易忽略这些延迟可能导致用户遭遇不可预测的挫败体验(案例。鉴于开发者通常在高性能设备和稳定网络环境下测试低端设备或不稳定网络连接下的韧性考量往往被忽视。Puppeteer通过显式的waitFor*表达式迫使开发者正视这些延迟,使测试更贴近真实用户的体验场景。
  • 调试功能。当测试失败时必须具备直观的问题诊断与解决手段。虽然相比竞品功能较为基础但Puppeteer确实提供了"有头模式"(可见浏览器界面)和延迟操作等调试选项。结合其与原生语言/运行时功能(如调试器语句或断点)的良好互操作性,为开发者提供了充分的调试支持。

更多背景信息请参阅: