Cypress测试框架——一个简单的测试用例

一、一个简单的测试用例

1.在工作目录的./cypress/integration/examples文件夹下新建一个sample_spec.js文件

describe('My First Test', function() {
    it('Does not do much!', function() {
      expect(true).to.equal(true)
    })
  })

点击保存

 在测试运行器下双击运行

2.失败的测试用例

describe('My First Test', function() {
  it('Does not do much!', function() {
    expect(true).to.equal(false)
  })
})

 

 二、describe,it和expect

　　这些功能来自Cypress自带的捆绑工具

• describe和it来自Mocha
• expect来自Chai

三、一个真实的测试

• 测试通常包括三个阶段：

1. 设置应用程序状态
2. 采取行动
3. 对应用程序的状态结果做断言

• 映射到Cypress对应的命令上

1. 访问一个网页
2. 查询一个元素
3. 与这个元素交互
4. 断言页面上的内容

• 访问一个网页

• Cypress核心点是作为每天使用的工具来构建和测试自己的应用程序
• Cypress不是一个通用目的网页自动化工具。不适合实时编写脚本，以及测试不在掌控下的网页产品

•  查询一个元素cy.contains(selector, content*, options)

用法详见：https://docs.cypress.io/api/commands/contains.html