cypress基础教程1-测试用例和钩子函数

1.新增测试用例

cypress 每个用例文件中在 describe('文件名/用例组名称', () => {}) 内部写具体的测试用例。

其中 describe 块中的 {} 内部每一个测试用例都是一个 it('用例名称', () => {}) 代码块。

describe('测试一个网页 to-do', () => {
  it('测试计划一用例', () => {
  })
  it('测试计划二用例', () => {
  })
})

2. 测试前后相同操作的重用

cypress 使用 beforEach 钩子函数在每一个测试用例运行前执行操作，afterEach 钩子函数在每一个测试用例运行后执行操作。

describe('example to-do app', () => {
  beforeEach(() => {
    // 重复的操作如：登录操作，打开网页的操作，创建测试所需资源等，都可以在这里实现
  })
​
  afterEach(() => {
    // 重复的操作如：恢复测试时的修改内容，还原到测试前的状态
  })
})

cypress 还提供了另外两种钩子函数。使用 befor 钩子函数在所有测试用例运行前执行操作，当前文件内只会执行一次，after 钩子函数在所有测试用例运行后执行操作，也是只执行一次。

describe('example to-do app', () => {
  before(() =>