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工具后,点击对应的脚本即可运行