okimaru的博客

应用场景: `cy.screenshot()` 适用于保存测试过程中的截图，`cy.compareSnapshot()` 则用于确保页面的视觉外观在不同测试运行之间保持一致。保存路径: 它生成并保存基准截图到 `cypress/snapshots` 目录中，在后续运行中，它会将新的截图与基准截图进行比较，如果有差异，则会生成差异截图。这是在 Cypress 中生成截图的基本方法。输出不同: `cy.screenshot()` 生成单独的截图文件，而 `cy.compareSnapshot()` 则是。

如果测试运行中的截图和基准截图之间存在差异，测试会失败，并生成一个差异截图，显示出页面的不同部分。这个差异截图帮助你快速识别出页面中的视觉变化或错误。- 每次你运行测试时，Cypress 会将当前的页面渲染与这个基准截图进行比较，看看是否有任何视觉上的变化。- 这是你在项目中首次运行视觉回归测试时保存的截图，它代表了页面在最初设定的理想状态下的外观。- 这是你在每次运行视觉回归测试时，Cypress 捕获的当前页面的实际外观。- 基准截图通常保存在项目的某个特定目录中，以便在后续的测试中进行对比。

这样，子组件就可以访问并展示从父组件传递过来的数据了。是一个prop绑定，它将父组件的。

1. 封装好的子组件 (MyForm.vue2. 父组件 (App.vue。