Cypress系列（13）- 详细介绍 Cypress Test Runner

如果想从头学起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

前言

• Test Runner 也叫运行器，Cypress 因为它的存在，才在众多自动化测试框架中脱颖而出
• Cypress 使测试在一个独特的交互式运行器中运行测试，不仅可以在执行命令时查看测试结果，同时还允许查看被测应用程序

Test Runner 的简介

• Test Runner 是一个库或者工具，它用来挑选一个包含单元测试或者一系列其他设置的测试集合【打包测试用例集】
• 然后执行这个测试集合，并将测试结果写入控制台或日志文件【运行测试用例集】
• Test Runner 使创建和执行测试套件更加方便和灵活
• 不同的语言，会有不同的 Test Runner

Cypress Test Runner

Cypress 自带的交互式测试运行器功能强大，允许你在测试运行期间就查看测试命令的执行结果，并同时监控在命令执行时，被测程序所处的状态

Cypress Test Runner 的组成

讲解的顺序就是按上面图片1-6哦

测试状态目录（Test Status Menu）

展示测试用例成功的数目

展示测试用例失败的数目

展示测试用例待定的数目

最后展示整个测试文件的运行总时间

右侧还可以手动再次运行一次当前测试文件的所有测试用例哦

命令日志（Command Log）

命令

这里要说下命令的意思，其实就是调用的方法，只不过官方会将它说成命令；一个命令等于调用了一个方法

作用

• 命令日志用于记录每个被执行的命令
• 点击命令，可以在 Console 中查看命令应用于哪个元素，以及执行的详细信息；同时应用程序预览（App Preview）会显示当前命令执行时被测应用程序的状态

URL 预览（URL Preview）

展示测试命令执行时，被测应用程序所处的 URL，它能够使你更方便地查看测试路由

应用程序预览（App Preview）

展示测试运行时，被测应用程序的实时状态（样式，动画之类的）

视窗大小（ViewPoint Sizing）

• 可以通过设置视窗大小来测试页面响应式布局
• 可以在 cypress.json 文件中通过设置 viewportWidth 和 viewportHeight 两个配置项来控制视窗大小

Cypress 元素定位辅助器（Selector Playground）

可以帮助我们识别元素唯一的定位标识