前端自动化测试框架Cypress（二）--第一个脚本

前端自动化测试框架Cypress（二）–第一个脚本

使用vs code打开项目，file–open folder选择项目

在cypress-integration目录下新建你的工程目录，如demo1，在demo1下新建一个baidu.js文件

//baidu.js
//孩儿她们爹
describe('第一个测试脚本', function() {
    it("百度输入框功能", function()
    {
        cy.visit('https://www.baidu.com') //打开百度网站
        cy.get('#kw').type('Cypress')  //获取搜索框并输入Cypress
            .should('have.value', 'Cypress')  //断言文本成功输入
            .clear()  //清空输入框
            .should('have.value', '')  //断言输入框文本已成功清除
        })
  })

• describe 声明一个测试用例集
• beforeEach 测试用例前置操作，相当于setup
• it声明了一个测试用例
• cy.get 定位元素，用css selector定位选择器
• type 输入文本
• should 断言，hava.value 是元素的value属性值，判断是否为‘Cypress’
• clear 清空文本
• should 继续断言，文本框内容为空字符串

运行脚本
cd到项目根目录下，执行 npx cypress open

D:\桌面\test_cypress>npx cypress open

点击baidu.js即可运行测试脚本