该测试框架主要思想就是通过该框架提供的api去操作dom，模拟人的一些行为来实现自动化测试工作
cypress官网 https://www.cypress.io/
API文档 https://example.cypress.io/commands/traversal
cypress-官网
工程目录和配置文件介绍
1. 工程目录介绍
2. 常用方法介绍
cy.wait(time) 设置等待时间,等待数毫秒或等待别名资源解析后，再继续执行下一个命令
cy.get(dom) 获取指定dom,定位元素，用css selector定位选择器
cy.click() 模拟点击事件
cy.visit(path) 模拟路由跳转
cy.find(dom) 精确找到指定元素
cy.eq(num) 找到指定dom符合num的下标的dom
cy.fixture(file) 获取模拟数据
cy.Commands.add(name, callbackFn) 添加自定义方法
cy.Commands.add(name, options, callbackFn) 添加自定义方法
cy.Commands.overwrite(name, callbackFn) 添加自定义方法
cy.reaload() 等同于f5
cy.radload(true) 等同于ctrl+F5强制刷新
cy.request() 发起HTTP请求
cy.type() 给input赋值
Cypress.env() 获取所有环境变量
Cypress.env(key) 获取指定环境变量
cy.should() 断言，hava.value 是元素的value属性值，判断是否为‘某个值’
cy.get('[aria-label="上个月"]', { timeout: 3000 }) 根据属性值获取dom
cypress.json配置文件
改配置文件可以配置环境变量和一个公共的配置
"chromeWebSecurity": false, 用来解决跨域问题
"integrationFolder": "cypress/integration", 指定cypress自动扫描测试用例路径
"testFiles": "**/*.js", 用来过滤测试用例后缀默认是.spec.js
"viewportWidth": 1920, 用来设置测试用例gui窗体宽度
"viewportHeight": 1130, 用来设置测试用例gui窗体高度
baseUrl：“http:localhose:8080” 是你的服务部署地址/你本地启动的开发地址；配置了改命令就可以直接访问路由而不用在写区路径了
cy.visit('http:localhose:8080/commands/actions') 简写：cy.visit('/commands/actions')
"env": { 可以自定义环境变量 获取方式cypress.env(key),比如：cypress.env(‘prod’)
"prod": "http://prod.com",
"title": "卖手机的程序员"
}
第一步先执行命令安装cypress
npm install cypress --save-dev
在项目根目录执行完改命令
第二步在package.json添加如下命令
"cypress:open": "cypress open",
"cypress": "cypress run",
第三步执行npm run cypress:open可以看到如下图页面
第四步在该操作页面点击要执行的测试用例，会自动执行该测试单元打开如下窗口
(￣▽￣)~ 转载请说名出处，谢谢，尊重劳动成果。如果对你开发过程有帮助请帮忙点个小赞 (￣▽￣)~**
