如果想从头学起Cypress,可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html
以 cypress run 方式运行测试时,当测试发生错误时,Cypress 会自动截图,并默认保存在 cypress/screenshots 文件夹下,而录屏会保存在 cypress/video 文件夹下
console 会看到错误截图和录屏的生成路径
截取被测应用程序的屏幕快照,以及 Cypress 命令日志的屏幕快照
.screenshot()
.screenshot(fileName)
.screenshot(options)
.screenshot(fileName, options)
// ---or---
cy.screenshot()
cy.screenshot(fileName)
cy.screenshot(options)
cy.screenshot(fileName, options)
cypress/screenshots
通过 onBeforeScreenshot、onAfterScreenshot,可以在截图发生前或发生后应用自定义的行为
// 直接截图整个页面
cy.screenshot()
// 只截图某个特定元素
cy.get('.post').screenshot()
返回上一条命令相同的结果
it('简单的栗子', function () {
// 截图整个页面
cy.screenshot()
});
为什么截图这么长呢?
因为 capture 默认值就是 fullpage,代表整个页面
it('文件名', function () {
cy.screenshot('文件名')
});
cy.screenshot({
capture: 'viewport'
})
cy.screenshot({
capture: 'runner'
})
可以看到各配置项(options)的默认值
$el 是当前元素
$el 是页面根标签
可以看到 props 是当前的一些属性,后面有需要可以获取对应的属性值(格式:props.path)
可以看到不同属性的数据类型