Cypress 小试牛刀-测试报告（四） 这篇将介绍 Cypress 如何生成测试报告 Cypress 可以生成 XML 和 JSON 的测试报告文件，需要我们再生成可视化的报告 在这里就介绍一下简单且好看的测试报告 mochawesome 现在让我们来安装它吧 npm install --save-dev mocha mochawesome mochawesome-merge mochawesome-report-generator 接下里让我们做一下配置，我们在 cypress.json ...

Cypress 小试牛刀-测试用例（三） 前面 2 篇我们知道了如何安装、进行页面元素交互，现在我们开始编写一个测试用例 Cypress 提供了基于 Mocha 的语法，基本功能模块 describe() 声明一个测试用例集，可包含多个 it()测试用例，也可以在嵌套测试套件 context() it() 声明一个测试用例，一个测试用例集至少有一个测试用例 before() 在一个测试用例集中，只执行一次，在所有测试用例之前执行 beforeEach() 在一个测试用例集中，每个测试用例前执行一...

如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html   前言 Cypress 未来很有可能会火的一塌糊涂，那么我们又应该如何进行学习呢？ 目前国内 Cypress 可以学习的资源并不多，你百度只搜 Cypress 还可能出现硬件的东西哈哈哈 虽然目前官网提供了中文版的官方文档，但感觉翻译的还是一般般   隆重推荐 目前国内可以说是第一本关于 Cypress 的书，博主整个系列的文章都是基于这本书...

如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html   前言 自动化测试中，数据驱动是很重要的一个点 实际项目中，肯定会出现这种情况：多条测试用例的执行步骤，断言步骤完全一致，只有输入和输出数据不一样 这个时候依靠数据驱动（数据参数化）来解决这个问题可以提升我们的测试效率 在 Cypress，可以通过数据来动态生成测试用例，以达到数据驱动的效果   动态生成测试用例的步骤 前提 这边用的还是 Cy...

如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html   前言 上一节只讲了如何跳过执行 or 只执行某些测试用例集 or 测试用例 在实际项目中，可能存在需要在运行中动态地去决定某个测试是否需要执行   如何动跳过执行某些测试用例 测试代码   运行以下命令 进入 Cypress 安装目录，cmd敲 yarn cypress:open --env flag=1 打开 Cypress Test...

Cypress 小试牛刀-页面元素交互（二） 大家都知道 UI 自动化最重要的就是页面元素的定位和操作 但是现在我们会发现元素越来越难定位了，前端可能会使用流行的 VUE 框架，页面控件元素经常没有 id、name 等属性，对我们定位产生了一定的困扰，需要我们灵活运用查找方式，去解决遇到的问题。 1.下面列举一些 Cypress 提供的定位方式 首先，它提供了 3 种专有的定位器，data-*属性，即使 CSS 或 js 改变也不会影响测试，看上去很美哈 data-cy、data-test、dat...

如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html   前言 重试（Retry-ability）是 Cypress 的核心概念之一，有助于我们写出更加健壮的测试   命令和断言 Cypress 测试中经常被调用的两种类型，仍以前面说到的 testLogin.js 为栗子 最后的断言解析 检查标签为 h1 的元素是否包含 jane.lane   断言的一般步骤 用 cy.get() 查询应用程序的D...

Cypress 小试牛刀-安装（一） 1. 安装 Cypress 支持 Windows64、Windows32、Linux64、MacOS64 版本 我们这里采用 Windows64 版本，官网地址 [https://download.cypress.io/]() OK，我们准备所需环境，先下载安装 node.js node.js 官网下载 [https://nodejs.org/en]()，下载完成后双击安装，设置环境变量。 接下来我们选择一个风水好的地方新建一个目录 mycpress 如图所...

如果想从头学起Cypress，可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html   前言 这里的栗子项目是 Cypress 提供的，在 github 上，所以要 clone 到本地的话需要装 Git 哦！   下载被测应用 进入要安装该应用的目录，cmd 敲 git clone git@github.com:cypress-io/cypress-example-recipes.git 进入项目目录下，安装项目所需依赖包，敲 ...