2、安装
2.1 操作系统要求
- MacOS 10.9及以上
- Linux Ubuntu12.04及以上,Fedora21和Debian 8
- Windows 7及以上
2.2 安装Cypress
Cypress是以js为基础的框架,其下载及版本管理推荐使用npm命令(Node Package Manager),npm是随同NodeJS一起安装的包管理工具;如果你使用 npm 安装 Cypress,必须要求 Node.js 8 或更高版本。
1)下载并安装node.js
访问nodejs的官方网站https://nodejs.org/en/download/,点击对应操作系统下载并双击安装。安装成功后命令行输入命令输入node -v查看版本号,然后输入npm -v查看npm版本
2)执行npm init命令来生成package.json
新建一个项目文件夹,进入该目录下,执行npm init命令,npm init 命令会引导你配置生成package.json文件,可以在需要输入时输入对应的值,如果使用默认配置一路enter就行,最后输入yes并回车,项目目录下即会生成package.json文件
Package.json文件也可由用户自主创建,通常位于项目的根目录下,它定义了这个项目所需要的各种模块及项目的各种配置信息(比如名称、版本、依赖、脚本等)。
3)安装Cypress
进入项目目录,使用npm install cypress --save-dev命令来安装Cypress
4)打开Cypress
安装Cypress成功后在项目根目录下运行命令npx cypress open,即可打开Cypress。(npx是npm5.2版本后用于提升从npm注册表使用软件包体验的命令,随npm自动安装)
同时会在该项目目录下自动生成一个Cypress的文件夹和cypress.json文件。
5)Cypress默认文件结构介绍
- 测试夹具(fixtures)
测试夹具通常配合cy.fixture()命令使用,主要用来存储测试用例的外部静态数据,通常存储在.json后缀文件里面。如使用:
cy.fixture(‘users.json‘).as(‘usersData’)
//后续代码中使用
cy.get(‘@usersData’).then(()=>{
//你的代码
})
- 测试文件(integration)
测试文件其实就是我们的测试用例,以.js结尾即可。初始化的时候会默认生成一个example文件夹,里面会放置官方写的一些示例测试用例,这些用例均可运行,Cypress也提供了对应的学习访问网站。
- 插件文件(plugins)
Cypress提供了一些现成的插件,使你可以修改或者扩展Cypress的内部行为(例如动态修改配置信息和环境变量等),也可以自定义自己的插件,在每个测试文件运行之前,Cypress都会自动加载这个插件文件cypress/plugins/index.js
- 支持文件(support)
支持文件目录是放置可重用配置例如底层通用函数或者全局默认配置的绝佳地方。在每个测试文件运行之前,Cypress都会自动加载支持文件cypress/support/index.js。例如在里面添加beforeEach()函数。
- cypress.json
项目根目录下生成的cypress.json文件用来保存任何用户定义的全局配置项,超时,文件夹/文件、可视视图,配置信息等常用配置,具体参数请参照最后的附录中cypress.json配置说明章节。
除了可直接在cypress.json文件中修改配置项之外,也可以在测试用例文件中通过Cypress.config()去获取或者动态覆盖某些配置项。其语法如下:
//获取所有config信息
Cypress.config()
//获取指定配置项的信息
Cypress.config(name)
//更改指定配置项的默认值
Cypress.config(name, value)