【Cypress】cy.screenshot()和 cy.compareSnapshot()的区别

 `cy.screenshot()`
功能: `cy.screenshot()` 方法用于捕获当前页面的截图并保存到指定目录。这是在 Cypress 中生成截图的基本方法。
用途: 它可以用于生成测试报告中的截图、记录测试过程中的页面状态，或者为手动分析保存截图。你可以通过传入参数来指定截图的文件名或者指定截取整个页面、某个元素或者视口。
保存路径: 截图会默认保存到 `cypress/screenshots` 目录下。如果你传递了文件名作为参数，例如 `cy.screenshot('my_screenshot')`，截图会以指定的文件名保存。

`cy.compareSnapshot()`
功能: `cy.compareSnapshot()` 是一个来自 `cypress-image-snapshot` 插件的方法，用于执行视觉回归测试。它会将当前页面的截图与之前保存的基准截图进行对比，检测两者之间的视觉差异。
用途: 主要用于自动化检测页面在不同时间点、不同测试环境中是否发生了预期之外的视觉变化。适用于检测 CSS 样式的变化、UI 元素的偏移或其他导致页面外观变化的原因。
保存路径: 它生成并保存基准截图到 `cypress/snapshots` 目录中，在后续运行中，它会将新的截图与基准截图进行比较，如果有差异，则会生成差异截图。

区别总结
目的不同: `cy.screenshot()` 用于简单地保存当前页面的截图，而 `cy.compareSnapshot()` 用于执行视觉回归测试，通过比较当前截图和基准截图检测页面是否发生了意外的视觉变化。
输出不同: `cy.screenshot()` 生成单独的截图文件，而 `cy.compareSnapshot()` 则是生成并比较截图，并在发现差异时生成差异截图以供分析。
应用场景: `cy.screenshot()` 适用于保存测试过程中的截图，`cy.compareSnapshot()` 则用于确保页面的视觉外观在不同测试运行之间保持一致。