超详细的 web 自动化教程 (七) TestCafe 录屏和截图篇

本贴最后更新于 1064 天前,其中的信息可能已经天翻地覆

Web自动化神器TestCafe(七)—录屏和截图篇

前言

上一篇我们讲到TestCafe如何进行页面交互,这一篇我们一起来聊聊TestCafe在执行用例的时候如何进行截图和录制测试运行全过程操作的视频

一、屏幕截图

通过TestCafe可以在测试运行期间的任何时候对网页页面进行截图,一般我们在用例执行不通过时,对测试网页进行截图,以便后续去查看错误原因。

注意点: 在远程浏览器中运行测试时,是不支持屏幕截图的

1、屏幕截图的前提条件

2、截图的方法

testCafe中内置了两个截图方法,通过调用这两个截图方法,可以在随时在代码进行截图操作。

3、用例失败截图

TestCafe中除了前面那两个截图的方法,还可以再执行测试的时候,通过添加参数实现自动截图。

4、截图的参数选项

选项 类型 描述 默认值
path String 截图保存到的目录路径 ./screenshots
takeOnFails Boolean true 在测试失败时拍摄屏幕截图。 false
pathPattern String 文件名生成的规则 参照下面规则介绍
fullPage String true 捕获整个页面,包括窗口中没有显示出来的内容 false

5、禁用屏幕截图

TestCafe中也可以通过相关参数来,禁用代码中或用例执行失败时的截屏操作

二、录制视频

TestCafe在通过Chrome,Firefox,Edge浏览器执行测试的时候,支持 对整个测试过程进行录屏,接下来我们一起来看看录屏相关的设置和操作。

1、视频录制的前提条件

要使用TestCafe来录制视频,首先得安装FFmpeg这个库,关于FFmpeg的安装请参照官方文档 https://ffmpeg.org/。

注意点:
  • 1、安装之后需要 将FFmpeg安装目录添加到系统的PATH环境变量中
  • 2、 视频默认以.mp4格式保存。

2、启用录制视频

视频录制和截图一样,有三种开启方式

3、视频录制选项参数

在开启录屏时还可以添加如下参数,进行相关的配置

选项 类型 描述 默认值
failedOnly Boolean true仅记录失败的测试;false记录所有测试。 false
singleFileBoolean Boolean true将整个录音保存为单个文件;false为每个测试创建一个单独的文件。 false
ffmpegPath String FFmpeg编解码器可执行文件的路径。
pathPattern String 文件名生成的规则(和截屏是一样的)

关于TestCafe的截图和录屏就给大家分享到这里了,后续会持续更新TestCafe相关的技术文章。

3 操作
mslemonban 在 2021-04-29 21:44:05 更新了该帖
mslemonban 在 2021-04-29 21:36:22 更新了该帖
mslemonban 在 2021-04-29 15:53:08 更新了该帖
回帖
请输入回帖内容 ...