后Selenium时代--Cypress 小试牛刀

Cypress 小试牛刀-安装（一）

1. 安装

Cypress 支持 Windows64、Windows32、Linux64、MacOS64 版本

我们这里采用 Windows64 版本，官网地址 [https://download.cypress.io/]()

OK，我们准备所需环境，先下载安装 node.js

node.js 官网下载 [https://nodejs.org/en]()，下载完成后双击安装，设置环境变量。

接下来我们选择一个风水好的地方新建一个目录 mycpress 如图所示:

然后我们进入 CMD 进入 mycypress 目录执行

npm init。这个时候呢，我们就一路回车，最后输入一个 yes + 回车初始化完成，会在你的目录下生成 package.json 文件，现在我们安装 cypress 了 在 CMD 使用如下命令。

npm install cypress --save-dev

2. 打开 Cypress

上面我们安装好了它，现在让我们运行一下他吧。

1）CMD 命令行进入

F:\mycypress\node_modules.bin 文件夹

2）执行 cypress open 或者执行 npx cypress open

点击 testlogin.js 文件即可运行调试

3. 项目文件结构

项目的文件结构如下

fixtures：用来存储外部测试数据，我们这里可以写入 JSON 文件

integeration：用来存放测试用例文件，后缀为 js、jsx、coffee、cjsx 的文件都被视为测试文件，这里我们用 js 文件。

pligins：用于存放插件的目录

results：此目录并非项目初始化时候的目录，这是生成测试报告结果 JSON 文件的目录，可以在 cypress.json 中配置

screenshots：运行 cypress run 的时候，当测试发生错误的时候，cypress 会自动截图，并默认保存在 cypress/screenshots 目录下

support：该目录下面的 commands.js 可以自定义函数，该函数会在测试文件被导入之前，加载到同级目录的 index.js 中，然后我们可以在我们的测试用例文件中通过 cy.方法名 的方式直接调用。

videos：用于存放 cypress run 录制的视频

热文精选

• 接口功能测试专辑
• 性能测试专题
• 图解HTTP脑图
• 写给所有人的编程思维
• 如何维护自动化测试
• 有关UI测试计划
• Selenium自动化测试技巧
• 敏捷测试中面临的挑战
• API自动化测试指南