cypress 初体验 - 安装篇(一)
- 安装
Cypress 支持多种操作系统,包括 Windows64、Windows32、Linux64 和 MacOS64。我们选择 Windows64 版本进行安装。首先,访问 Cypress 官网下载页面 https://www.php.cn/link/d613ca9ece1fec54ec026f15b9a000b2。
在开始安装之前,我们需要准备好所需的环境。首先,下载并安装 node.js。你可以在 node.js 官网 https://www.php.cn/link/a1d053a71264ae005d047b2a7a14efae 找到下载链接。下载完成后,双击安装文件,并设置好环境变量。
接下来,我们选择一个合适的位置创建一个新目录,命名为 mycypress,如下图所示:

然后,我们通过 CMD 进入 mycypress 目录,并执行以下命令:
npm init
按回车键确认所有默认选项,最后输入 yes 并回车完成初始化。这将在你的目录下生成一个 package.json 文件。现在,我们可以开始安装 Cypress 了。在 CMD 中使用以下命令:
npm install cypress --save-dev

- 启动 Cypress
安装完成后,我们来运行 Cypress。
1)通过 CMD 进入 F:\mycypress\node_modules\.bin 文件夹。
2)执行以下命令之一:
cypress open
或
npx cypress open

点击 testlogin.js 文件即可开始运行和调试。
- 项目文件结构
项目的文件结构如下:

- fixtures:用于存储外部测试数据,我们可以在这里写入 JSON 文件。

- integration:用于存放测试用例文件,支持 js、jsx、coffee、cjsx 后缀的文件,这里我们使用 js 文件。

plugins:用于存放插件的目录。
results:此目录不是项目初始化时生成的,而是用于存放测试报告结果的 JSON 文件,可以在 cypress.json 中进行配置。
screenshots:在运行 cypress run 时,如果测试发生错误,Cypress 会自动截图,并默认保存在 cypress/screenshots 目录下。
support:该目录下的 commands.js 文件可以自定义函数,这些函数会在测试文件被导入之前加载到同级目录的 index.js 中,然后我们可以在测试用例文件中通过 cy.方法名 的方式直接调用。


- videos:用于存放 cypress run 录制的视频。

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










