Cypress

使用 Cypress

步骤

• 创建目录cypress-demo-1
• 用VSCode或WS打开目录
• 局部安装cypress，方法请看后面的安装方法2
• 输入./node_modules/.bin/cypress open
• 如果你是局部安装，就输入./node_modules/.bin/cypress open
• 然后你就看到了Cypress的界面
• 同时Cypress 会提示你是否要安装示例，选择是示例文件可随时删除，不用心疼
• 同时 Cypress 会创建cypress.json

运行example

界面

• 直接在GUI界面单击 actions.spec.js
• 然后你就会看到自动化测试过程

命令
cypress run --spec "cypress/integration/examples/actions.spec.js"在上面命令后面加上--headed有惊喜

不运行examples

方法一
直接删掉examples目录，但是你怕后面要用它
方法二
将example/从integration/目录移走即可·
方法三
在cypress.json里面加上"ignoreTestFiles"：["*.hot-update.js"，"**/examples/*.*"]
这样就不会运行 examples里
./node_modules/.bin/cypress run

创建自己的测试

创建文件

• 在integration/里新建demo.spec.js
• 内容为

describe('百度', ()=> {
    it('能搜索饥人谷', function () {
        cy.visit('https://www.baidu.com/')
        cy.get('input#kw').type('饥人谷')
        cy.contains('百度一下').click()
        cy.contains('饥人谷官网').should('exist')
        cy.contains('jirengu.com').should('exist')
    });
})

• 运行 ./node _modules/.bin/cypress open
• 然后点击 demo.spec.js 即可测试
• 或者运行./node_modules/.bin/cypress run --spec 测试文件相对路径后面可以选择加--headed