Cypress学习2--基础使用

1.导入cypress工程到pycharm,界面如下：

目录结构含义：

- cypress // cypress目录
---- fixtures 测试数据配置文件，可以使用fixture方法读取
---- integration 测试脚本文件
---- plugin 插件文件
---- support 支持文件
- cypress.json // cypress全局配置文件

2.打开integration目录，新建first.js,输入如下内容：

describe("hello cypress",()=>{
    beforeEach(()=>{
        cy.visit("http://www.baidu.com")
    })
    it("输入查询cypress",()=>{
        cy.get("#kw")
          .type("cypress")
        cy.get("#su")
          .click()
        cy.get('body').should('contain', 'cypress')
    })
})

3.选择要运行的浏览器，点击运行脚本

运行界面如下：

 

4.脚本解释

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