weixin_41718308的博客

mocha是配合cypress使用的一个测试报告，而因为mocha下，每一个用例生成一个json文件，所以还需要相关的库进行json合并并转为html。

cy.get('上传按钮元素').attachFile('文件名')上传的文件需要放到项目目录的fixtures下。

指定浏览器：npx cypress run --browser=浏览器（如chrome）运行指定用例：npx cypress run --spec "用例路径"执行用例并界面化：npx cypress run --headed。cypress界面化：npx cypress open。运行所有测试用例：npx cypress run。

浏览器后退：cy.go('back') 或 cy.go('-1')浏览器前进：cy.go('forward') 或 cy.go('1')页面刷新：cy.reload()

在新版本中，测试用例是存放在e2e目录下，且文件名以cy.js结尾，而在一些旧版本中，测试用例是存放在integration下的，而对应的文件名以spec.js结尾，在本次例子中，以新版本为准：首先，我们创建了一个名为demo_01.cy.js的测试文件，然后写入了一段代码，而该代码意思如下：一、通过describe()方法新增了一个测试套件，这个方法有两个参数，第一个参数为测试套件名字，我们命名为【我是测试套件】；而第二个参数则为一个回调函数。

方法一：页面中通过开发者工具--element模块对相关的元素进行定位。方法二：谷歌浏览器下载【chroPath】插件，选中对应元素后，可查看对应的元素定位（Xpath定位为绝对路径，仅参考该插件的【cssSelector】并用于cypress中）。方法三：通过cypress启动后，访问对应页面，进行元素提取，该方式会把整个元素及代码显示出来，直接复制即可，该方法也是cypress中比较常用的获取方法。

open in browser：该插件支持html文件内右键直接打开html文件。Cypress Snippets：cypress代码补全。Chinese：中文。

Scaffold example spece：查看示例用例（因为目前未创建任何自己的用例，所以我们点击这个，查看cypress中自动化如何编写，点击后点击Okay， I got it!cypress.config.js：Cypress特定的配置（有的版本该文件名为cypress.json，只能存在一个配置文件）E2E Testing：（端对端测试，也就是集成测试），我们点击E2E Testing。这里展示的是cypress的用例，且可以看到，它是存放在cypress的e2e目录下。e2e.js：全局配置。