Cypress简易入门教程

01
Windows下安装

方法一

① 安装node.js(https://nodejs.org/en/download/)，根据版本选择32位或64位。

② 确认ndejs 和 npm是否安装上:

C:\Users\xiang>node -v

v12.18.0

C:\Users\xiang>npm -v

③ 生成package.json（假设准备安装在c:\Cypress>）

C:\Users\xiang>cd c:\Cypress

C:\Cypress>npm init

④ 安装Cypress

C:\Cypress>npm install cypress --save-dev

方法二

① 安装yarn (https://yarnpkg.com/en/docs/install#windows-stable)

② 确认yarn是否安装上

C:\Users\xiang>yarn -v

1.22.4

③ 安装Cypress

C:\Users\xiang>cd c:\Cypress

C:\Cypress>yarn add cypress --dev

02
运行

方法一

C:\Cypress\node_modules.bin>cypress open

方法二

C:\Cypress>yarn run cypress open

方法三（我经常用的方法）

配置C:\Cypress\package.json

{

“license”: “ISC”,

“scripts”: {

"cypress:open": "cypress open",

"cypress:run": "cypress run"

},

“devDependencies”: {

"cypress": "^4.8.0"

}

}

打开运行控制器

C:\Cypress>yarn run cypress open

运行默认路径下的所有测试代码

C:\Cypress>yarn run cypress run

默认路径为C:\Cypress\cypress\integration，可以通过

{

…

“integrationFolder”: “cypress/integration/demo”,

…

}

改变默认路径，上述代码中默认路径改为

C:\Cypress\cypress\integration\demo

03
测试框架&代码案例

before():

相当于unittest中的def setUp(cls)方法或者Junit的@Before方法标签；

after():

相当于un