cypress与自动化测试

如何测试一个网页的功能?

以登录为例，正常情况下我们会输入账号密码点击登录查看功能是否正常，如果异常我们会去改代码，如此反复，直到功能正常
这样做我们效率变得很低，每次都要去重新输入，重新点击，大大降低了我们的开发效率，而且变得不容易维护，一旦离职，新员工不知道业务逻辑就需要去学习所有业务之后才知道怎么测试
程序员拒绝重复，所以我们使用自动化测试，用代码来模拟键盘和鼠标的操作

Cypress测试框架

优点

1. 界面美观友好
2. 支持模拟手机
3. 每一步操作截图
4. 全程录屏
5. 支持debug,随时暂停
6. 自动等待ui更新，减少异步代码

安装

yarn add --dev cypress//无法下载，可以去官网下载zip包
./node_modules/.bin/cypress open //run

cyperss run --spec "路径"//测试

测试用例

integration目录下创建demo.spec.js文件,记得把examples目录忽略或者移除哦，不然也会运行这里面的示例哦
或者在cypress.json中添加一下代码进行排除

"ignoreTestFiles": ["*.hot-update.js","**/examples/*.*"]

demo,其他api可官网查阅

describe('百度', () => {
    it('能搜索音乐', () => {
        cy.visit('https://www.baidu.com/')
        cy.get('input#kw').type('音乐')
        cy.contains('百度一下').click()
        cy.contains('酷狗音乐').should('exist')
        cy.contains('kugou.com').should('exist')
    })
})