首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Cypress系列(41)- Cypress 的测试报告

run 会打开测试用例集的界面,需要手动运行 cypress open spec 格式报告 简介 spec 格式是 Mocha 的内置报告,它的输出是一个嵌套的分级视图 如何使用 Cypress...中使用 spec 格式的报告非常简单,命令行运行时加上 --reporter=spec 运行测试 进入 Cypress 安装的目录,cmd敲 yarn cypress:run --reorter=...json 格式报告 简介 json 测试报告格式将输出一个大的 JSON 对象 如何使用 Cypress 中使用 json 格式的报告非常简单,命令行运行时加上 --reporter=json...junit 格式报告 简介 junit 测试报告格式将输出一个 xml 文件 如何使用 Cypress 中使用 xml 格式的报告非常简单,命令行运行时加上 --reporter=junit...运行测试 进入 Cypress 安装的目录,cmd敲 yarn cypress:run --reporter junit --reporter-options "mochaFile=results/test_output.xml

1.9K10
您找到你想要的搜索结果了吗?
是的
没有找到

Cypress与TestCafe WebUI端到端测试框架Demo

启动运行Cypress 方法一: 使用cmd命令行启动 (npm高于v5.2的版本自带npx, 或者你也可以单独安装npx.) npx cypress open ?...方法三: package.json文件中加入以下内容之后,就可以使用 npm run cypress:open 来启动Cypress 比如我的package.json E:\WorkSpace\Ui_test...cd到上述文件夹E:\WorkSpace\Ui_test\node_modules\cypress下输入 npm run cypress:open 即可启动Cypress。 ?...要检查页面Title是否正确,必须向测试添加断言: 下面的测试演示了如何使用内置的断言,后续专题学习。...; }); 总结: 接触了Cypress和TestCafe之后,惊掉下巴,这两个工具的轻量级之轻,与之前使用的Selenium相比,简直无法想象,从安装到执行第一个脚本,从上述的学习笔记可以看出,

3.8K30

Cypress系列(10)- Cypress 编写和组织测试用例篇 之 动态跳过测试用例

如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 前言 上一节只讲了如何跳过执行 or 只执行某些测试用例集...or 测试用例 实际项目中,可能存在需要在运行动态地去决定某个测试是否需要执行 如何动跳过执行某些测试用例 测试代码 ?...运行以下命令 进入 Cypress 安装目录,cmd敲 yarn cypress:open --env flag=1 打开 Cypress Test Runner 之后运行上面的代码文件 测试结果 ?...知识点 我们可以通过指定环境变量来动态判断是否执行指定的测试用例 设置环境变量有很多种方法,这里用的是命令行方式,格式: ,若需要指定多个环境变量则需要逗号来隔开,而不是空格 --env key=val1...,key2=val2 ,当测试用例内调用该方法时,方法后面的代码都不会执行,方法前面若是调用 Cypress 的方法则也不会执行(如: cy.visit() 、 cy.log() ),只有非 Cypress

1.1K20

Vue 应用的代码覆盖率

本文中,我将展示如何测量应用的源代码以收集其代码覆盖率信息。其后我们将利用该代码覆盖率报告来引导端到端测试的编写。 应用 示例应用可在 ?...@vue/cli-plugin-e2e-cypress 安装 Cypress Test Runner。而后我将安装 ?...,我将使用 npm run test:e2e 命令启动应用并打开 Cypress 。...我们的计算器看起来加法除法运行良好。 ? 计算器测试 正如你能从来自于 Test Runner 命令行日志信息的左侧看到的,测试覆盖率插件在运行结束时自动生成了代码覆盖率报告。...Decimal 测试失败 Cypress 测试的一个强大之处就在于其运行在真实浏览器。让我们来调试失败的测试。 src/components/Calculator.vue 放置一个端点。

2.9K10

你不知道的Cypress系列(5) -- 眼瞎的TestRunner​

在跟同学们的交流,我也了解到, 原来除了国外优秀的公司(例如Adobe, 迪士尼,AutoDesk等等), 国内也有很多公司尝试使用Cypress提升测试效率。...02 — Test Runner两种运行模式 Cypress有两种运行方式,分别是交互性运行(Interaction Mode),和无头(Headless Mode)运行。...无论是哪种方式运行,大家记得Cypress 是通过它内置的Test Runner运行你的测试用例的就行。 03 — 什么, TestRunner也会“瞎”?! 没想到吧?刚开始我也是拒绝相信的。...说明问题就在这里了: 也就是说,元素已经完成show的操作并且马上变成disappear了,但CypressTest Runner还没反应过来,还在检查元素show出来没。...有的同学可能会想, Test Runner看不见,有没有其它办法能看见?比如Cypress不是提供视频可以录制运行的所有情况么?我把运行过程录制下来慢慢查不就行了? 1. 不行!

2.2K40

Cypress学习笔记2——Windows环境下安装Cypress

备注:如果出现安装失败等问题,想重新安装,可以先删除MyCypress文件夹和C盘Cypress文件夹,如图:   删除之后就可以重新运行上述命令安装。    ...启动Cypress   先cd到node_modules/.bin目录 cypress open    启动界面:   根目录D:\MyCypress下新建一个 package.json 文件 {...:open": "cypress open" }, "author": "", "license": "ISC" }   方法一:npm启动   输入命令: npm run cypress:...open   现在,您可以从项目根目录调用命令,如下所示: D:\MyCypress>npm run cypress:open > cypress-dev@1.0.0 cypress:open D:\...cypress:open":"cypress open",还有一种直接运行.exe程序,可以进入C:\Users\Administrator\AppData\Local\Cypress\Cache\4.9.0

1.6K30

前端自动化测试实践05—cypress-e2e入门

是为现代网络打造的下一代前端测试工具,安装更简单,可以测试任何在浏览器运行的内容,测试执行效率更高,此处选用 Cypress 作为端到端测试工具。...自动等待: 在你的测试不再需要添加等待或睡眠函数了。执行下一条命令或断言前Cypress会 自动等待 异步将不再是问题....使用yarn $ yarn run cypress open 配置文件修改: // baseUrl: "http://localhost:8080", // 测试域名 fixturesFolder: '...截屏和视频录制 屏幕录制截屏是 Cypress 的一大特色, Test Runner 单击项目的 Runs 选项卡,登录账号,再根据提示执行指令,即可完成屏幕录制和自动截屏。 $ ..../node_modules/cypress/bin/cypress run --record --key xxxxxxxx 还可以在用例主动截屏,存储 screenshots 目录下。

4K97

你不知道的Cypress系列(9) -- 代码“自动生成”术​

Cypress在其新版本Release了一项新功能"Cypress Studio", 其作用可以让你通过页面点击,拖拽的方式生成测试代码,说人话就是他们提供了一个”录制回放“的功能。...下面一起来看下"Cypress Studio"如何使用。...('iTesting') cy.get('#su').click() }) }) 我打开百度,并搜索”iTesting“,运行这个脚本,脚本运行结束后,你会在Test Runner...点击”Get Started“,你的测试代码会重新运行,并且结束后,你可以浏览器上分看到如下标记”STUDIO“,这个时候,你页面上的任何操作,Cypress都会记录下来把它变成测试代码。...我们页面上随便点击几下试试,然后Test Runner里,左下角STUDIO COMMANDS下,就会生成新的代码。 ?

1.4K20

Cypress系列(72)- 详解 Module API

,就是采用 cypress runcypress open 命令,但这不是 Cypress 唯一的运行方式 Cypress 还允许你将它视为一个 Node Module 来运行,然后通过Node.js...运行Cypress,这种方式可以更加灵活地定制测试行为 当想在运行后直接访问测试结果时,此功能很有用 如何有用 挑选测试用例运行 整合所有测试用例,提供一份完整HTML格式的测试报告 重新运行单个失败的...(results) }) .catch((err) => { // 抓取错误信息并打印 console.error(err) }) 运行命令 可以 cmd 窗口或 npm 脚本运行下列命令...可以 cmd 窗口或 npm 脚本运行下列命令 node 2_open.js 运行结果 ?... 2_open.js 设置的 config 或 env 会当成 CLI 模式下设置的 参数列表 和 cypress open 命令行运行的参数一样 ? 待更新 完整的 module api 项目

55441

Cypress系列(4)- 解析 Cypress 的默认文件结构

如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 默认文件结构 使用 cypress open...每个命令的示例,可以打开 cypress/integration/examples ,里面都是官方提供的栗子 test file 测试文件 简介 测试文件就是测试用例,默认位于 cypress/integration...有更严格的语法 .coffee :CoffeeScript 的 jsx 文件 .cjsx 创建好后,CypressTest Runner 刷新之后就可以看到对应测试文件了 plugin file...默认情况,插件位于 ,但可以配置到另一个目录 cypress/plugins/index.js 为了方便,每个测试文件运行之前,Cypress 都会自动加载插件文件 cypress/plugins.../support/index.js 为了方便,每个测试文件运行之前,Cypress 都会自动加载支持文件 cypress/support/index.js 如何使用支持文件 只需要在 cypress

2.5K20

Cypress系列(14)- 环境变量详解

不同环境下的值是不同的,入:dev、test、prod 某些值会频繁变化,而且高度动态 环境变量很容易会更改,尤其是持续集成(CI)运行时 栗子 不要在测试中进行硬编码(写死,常量),需要改的时候需要动代码...文件设置 cypress.json 创建一个 文件 cypress.env.json 导出为 CYPRESS_* 传递为 --env (命令行运行添加) CLI 插件设置一个环境变量...测试运行时,可以使用 访问环境变量的值 Cypress.env() cypress.json 设置 cypress.json 的 env 键下设置的任何 key:value 都是环境变量 cypress.json...可以通过命令行将环境变量作为命令行参数传进来 它的优先级最高,会覆盖其他地方设置的重名环境变量 可以为 或 cypress run 添加 --env 参数 cypress open cmd 命令 ...Cypress 安装目录下,cmd敲 yarn cypress:open --env host=poloyy.com,key=命令行参数环境变量 或 yarn cypress:run --env host

1.7K20

Cypress系列(11)- Cypress 编写和组织测试用例篇 之 动态生成测试用例

如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 前言 自动化测试,数据驱动是很重要的一个点...实际项目中,肯定会出现这种情况:多条测试用例的执行步骤,断言步骤完全一致,只有输入和输出数据不一样 这个时候依靠数据驱动(数据参数化)来解决这个问题可以提升我们的测试效率 Cypress,可以通过数据来动态生成测试用例...创建一个数据文件 Cypress安装目录/cypress/integration 文件夹下,创建一个子目录 datas ,该目录下创建一个 testLogin.data.js 文件,代码如下 export...运行测试文件 进入 Cypress 安装文件夹,cmd执行命令 yarn cypress:open 单击 testLogin.js,Cypress 会启动 Test Runner 运行测试,运行成功后...,将看到运行结果页面 测试结果 ?

99910

Cypress系列(65)- 测试运行失败自动重试

{ "scripts" : { "retryCases":"CYPRESS_RETRIES=2 cypress run" } } 使用 Cypress 安装目录下运行下面命令...,则会重试运行第一次 重试运行第一次若成功,则继续往下运行其他的测试用例 若重试运行第一次还失败,则重试运行第二次 若重试运行第二次仍然失败,则将此 测试用例标记为失败 注:能够命令日志查看尝试的次数...,并根据需要扩展每次尝试以进行检查和调试 配置重试功能 全局配置 前言 通常需要为 和 cypress open 分开定义不同的重试次数 cypress run 默认 中进行配置 cypress.json...runMode:定义运行 cypress run 时的重试次数 openMode:定义运行 cypress open 时的重试次数 cypress.json 分开定义 ?...这样无论是 cypress run 命令还是 cypress open 命令,重试次数都是 2 自定义配置 测试用例级别 context('测试用例级别', function () { it('

2.1K43

Cypress web自动化23-cypress run 命令行参数详解

—key, -k 定义录制秘钥 —no-exit 运行完某个测试文件完毕后,保持Cypress运行器打开 —parallel 多台机器上并行运行录制好的用例 —port,-p 定义和覆盖默认端口 —...加上--headed参数将强制显式运行 Electron 浏览器 cypress run —headed —headless 指定运行chrome浏览器,headless 无头模式运行 cypress...run —browser chrome —headless —no-exit 使用命令行运行完用例后,会自动关闭 cypress 运行器页面,想在运行完毕测试用例后不关闭Cypress运行器,请使用—no-exit.... cypress run —headed —no-exit —port 每次启动 cypress 运行器界面,执行用例的时候,会随机分配一个端口运行。...如果你有多个运行的项目,你可以每个项目下写个cypress.json 文件,当然你也可以指明 Cypress 不同的位置运行cypress run —project .

1.2K50
领券