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

2024-08-21 06:52

本文主要是介绍【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()` 则用于确保页面的视觉外观在不同测试运行之间保持一致。

这篇关于【Cypress】cy.screenshot()和 cy.compareSnapshot()的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1092435

相关文章

深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

《深度解析SpringBoot拦截器Interceptor与过滤器Filter的区别与实战指南》本文深度解析SpringBoot中拦截器与过滤器的区别,涵盖执行顺序、依赖关系、异常处理等核心差异,并... 目录Spring Boot拦截器(Interceptor)与过滤器(Filter)深度解析:区别、实现

Before和BeforeClass的区别及说明

《Before和BeforeClass的区别及说明》:本文主要介绍Before和BeforeClass的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Before和BeforeClass的区别一个简单的例子当运行这个测试类时总结Before和Befor

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

Linux中的more 和 less区别对比分析

《Linux中的more和less区别对比分析》在Linux/Unix系统中,more和less都是用于分页查看文本文件的命令,但less是more的增强版,功能更强大,:本文主要介绍Linu... 目录1. 基础功能对比2. 常用操作对比less 的操作3. 实际使用示例4. 为什么推荐 less?5.

Java 关键字transient与注解@Transient的区别用途解析

《Java关键字transient与注解@Transient的区别用途解析》在Java中,transient是一个关键字,用于声明一个字段不会被序列化,这篇文章给大家介绍了Java关键字transi... 在Java中,transient 是一个关键字,用于声明一个字段不会被序列化。当一个对象被序列化时,被

解读@ConfigurationProperties和@value的区别

《解读@ConfigurationProperties和@value的区别》:本文主要介绍@ConfigurationProperties和@value的区别及说明,具有很好的参考价值,希望对大家... 目录1. 功能对比2. 使用场景对比@ConfigurationProperties@Value3. 核

Spring Boot拦截器Interceptor与过滤器Filter深度解析(区别、实现与实战指南)

《SpringBoot拦截器Interceptor与过滤器Filter深度解析(区别、实现与实战指南)》:本文主要介绍SpringBoot拦截器Interceptor与过滤器Filter深度解析... 目录Spring Boot拦截器(Interceptor)与过滤器(Filter)深度解析:区别、实现与实

关于Mybatis和JDBC的使用及区别

《关于Mybatis和JDBC的使用及区别》:本文主要介绍关于Mybatis和JDBC的使用及区别,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、JDBC1.1、流程1.2、优缺点2、MyBATis2.1、执行流程2.2、使用2.3、实现方式1、XML配置文件

exfat和ntfs哪个好? U盘格式化选择NTFS与exFAT的详细区别对比

《exfat和ntfs哪个好?U盘格式化选择NTFS与exFAT的详细区别对比》exFAT和NTFS是两种常见的文件系统,它们各自具有独特的优势和适用场景,以下是关于exFAT和NTFS的详细对比... 无论你是刚入手了内置 SSD 还是便携式移动硬盘或 U 盘,都需要先将它格式化成电脑或设备能够识别的「文

什么是ReFS 文件系统? ntfs和refs的优缺点区别介绍

《什么是ReFS文件系统?ntfs和refs的优缺点区别介绍》最近有用户在Win11Insider的安装界面中发现,可以使用ReFS来格式化硬盘,这是不是意味着,ReFS有望在未来成为W... 数十年以来,Windows 系统一直将 NTFS 作为「内置硬盘」的默认文件系统。不过近些年来,微软还在研发一款名