Cypress中如何高效运用丰富的调试工具进行代码调试和问题排查？

本文共计1491个文字，预计阅读时间需要6分钟。

目录 + Cypress测试工具 + 一、时间旅行 + 二、快照 + 三、错误信息 + 四、页面事件 + 五、控制台输出 + 六、测试专用命令 + Cypress测试工具 + Cypress附带了一系列测试工具，帮助新手上路明确测试经验。

目录

• cypress调试工具
• 一、 Time travel
• 二、 快照
• 三、errors信息
• 四、页面事件
• 五、控制台的输出
• 六、调试专用命令

cypress调试工具

Cypress附带了一系列调试工具来帮助我们弄明白测试的经过，利于我们更好的调试。
具体这些工具的能力都有啥？

• 回到每个命令的快照。
• 可以看到特殊的已发生的page events。
• 接收关于每个命令的额外输出。
• 在多个命令快照之间 向前/向后 步进。
• 暂停命令并迭代地逐步执行。
• 当找到隐藏的或者多个元素时，展示的更形象。

这里继续使用上一章的测试代码，来看下其中的一些具体操作。