配置组织和整合 Cypress 测试的想法

我们在 Twilio SendGrid 的不同 Web 应用程序和前端团队中编写了许多 Cypress 测试。随着我们的测试扩展到许多功能和页面，我们偶然发现了一些有用的配置选项，并开发了一些方法来更好地维护我们不断增长的文件数量、页面元素的选择器以及沿途的超时值。 我们的目标是向您展示这些配置、组织和整合您自己的 Cypress 相关事物的技巧和想法，因此请随意使用它们来做最适合您和您的团队的事情。 这篇博文假定您对 Cypress 测试有一定的应用知识，并且正在寻找更好地维护和改进您的 Cypress 测试的想法。但是，如果您想了解更多关于常见函数、断言和模式的信息，您可能会发现编写针对不同环境的 Cypress 测试很有用您可以查看这篇千英尺概述博客文章。

否则让我们继续并首先向您介绍 Cypress 的一些配置技巧。 配置你的  该文件是您可以为 Cypress 测试设置所有配置的地方，例如 Cypress 命令的基本超时、环境变量和其他属性。 以下是您可以在配置中尝试的一些提示： 微调 美国手机号码列表 你的基本命令超时，这样你就不必总是{ timeout: timeoutInMs }在你的赛普拉斯命令中添加。修改这些数字直到找到 在执行 Cypress 测试时尝试阻止第三方营销、分析和日志记录脚本以提高速度并且不触发不需要的事件。您可以使用它们的“blacklistHosts”属性（或 Cypress 中的“blockHosts”属性）轻松设置拒绝列表，接收与第三方主机路径匹配的字符串 glob 数组。 当您打开赛普拉斯 GUI 时，使用“viewportWidth”和“viewportHeight”调整默认视口尺寸以便更容易查看。



如果在 Docker 中存在内存问题以进行重要测试或者您想帮助提高效率您可以尝试将“numTestsKeptInMemory”修改为比默认值更小的数字，并将“videoUploadOnPasses”设置为 false 以专注于上传失败测试的视频仅运行。  另一方面，在调整您的 Cypress 配置后，您还可以添加 TypeScript 并更好地键入您的 Cypress 测试，就像我们在这篇博文中所做的那样。这对于调用和链接函数（如）时的自动完成类型警告或错误特别有用。