准备工作：
nodejs下载地址（默认安装自动配置）：http://nodejs.cn/download/
检查安装是否成功的命令：cmd下-输入node -v
看到此图说明安装成功
MicrosoftVSCode 编辑器地址(默认安装)：https://visualstudio.microsoft.com/zh-hans/
cypress安装：
打开cmd输入命令：npminstallcypress--save-dev
cypress项目配置
1.在磁盘中新建自己的项目如：D盘我新建自己的项目目录my
2.在C:\Users\Lenovo\AppData\Local\Cypress\Cache\4.5.0\Cypress下打开Cypress.exe
注意上面的lenovo换成自己的电脑用户名，4.5.0可能版本有变化注意替换最笨的方法就是路径一层一层往下找。
打开后截图如下：
点击“selectmanually”选中刚自己建的项目目录：D:\my，然后确定
会看到上面这样对应my项目文件如下图
在上面的文件目录下新建package.json文件，并将以下内容复制保存
{
"scripts":{
"cypress:open":"cypressopen",
"cypress:run":"cypressrun"
},
"devDependencies":{
"cypress":"^4.5.0",
"eslint-plugin-chai-friendly":"^0.6.0",
"eslint-plugin-cypress":"^2.10.3",
"mocha":"^6.0.2",
"mochawesome":"^6.1.1",
"mochawesome-merge":"^4.0.3",
"mochawesome-report-generator":"^5.1.0"
}
}
打开CMD进入到刚建的项目路径下，输入命令：npminstall回车,安装成功项目目录如下图
修改cypress.json文件内容为保存即可，至此cypress安装配置完成（可关闭所有打开内容）
{"reporter":"mochawesome",
"reporterOptions":{
"overwrite":false,
"html":true,
"json":true
}
}
Cypress启动和使用：
打开CMD进入自建项目目录下，输入npm run cypress:open 回车，打开cypress编辑窗口
打开之前安装的MicrosoftVSCode ，编辑器：文件-打开文件夹-选中自己建的项目
Cypress目录结构介绍（integration此目录为用例存放目录）
Cypress客户端说明
我们可将系统自带的用例删除
新建第一个用例-选中新建first_case.js文件
以下为用例模板
describe('用例集',function(){
beforeEach(()=>{
//cy.viewport('iphone-6')//Setviewportto375pxx667px需要手机模式访问时
//浏览器模式访问时，可按照自己的需要设置窗口大小，如cy.viewport(1920,1100)
//访问默认读取cypress.json内的baseUrl
cy.visit('https://www.so.com/')
//基于URL做断言
//cy.url().should('include','/user')
//基于title做断言
cy.title().should('include','360')
})
it('搜索',functioncase1(){
//选中搜索框
cy.get('.bgs_ipt_wrquickdelete-wrap').click()
})
it('用例2',functioncase2(){
console.log('case2')
})
})
保存和调试用例，查看cypress客户端会发现
直接点击first_case.js
可以直接使用调试获取页面元素写脚本
以此类推，多看官网指导文档入口
网友评论