describe('第一个hello world脚本', function() {
    beforeEach(() => {
          cy.visit('https://www.baidu.com')
        })
      it("百度输入框功能验证", function()
      {
          cy.get('#kw').type('test')
              .should('have.value', 'test')
              .clear()
              .should('have.value', '')
          })
    })

代码说明:

  • describe 声明一个测试用例集
  • beforeEach 测试用例前置操作,相当于setUp
  • cy.visit 访问站点
  • it 声明了一个测试用例
  • cy.get 定位元素,这里使用了css.selector定位选择器;type 输入文本
  • should 断言,have.value 元素的value属性值,此处判断属性值是否为 test
  • clear 清空文本
  • should 继续断言,此处校验文本框内容为空

代码执行:

  • 切换到项目路径下,使用npm启动,如npm run cypress:open
  • 打开Cy工具后,点击对应的脚本即可运行