天天看点

动手开发第一个 Cypress 测试应用

命令行安装 Cypress:

npm install cypress --save-dev
动手开发第一个 Cypress 测试应用

npm init

编辑package.json,添加如下的 json 语句:

"scripts": {
    "open": "cypress open"
  },
      
动手开发第一个 Cypress 测试应用

然后执行命令 npm run open, 即可打开 Cypress test runner:

动手开发第一个 Cypress 测试应用
动手开发第一个 Cypress 测试应用

默认看到的examples 文件夹里有很多现成的例子:

动手开发第一个 Cypress 测试应用

我们在 integration 文件夹下新建一个 sample_spec.js:

动手开发第一个 Cypress 测试应用

会发现在 Test runner里,立即能找到这个新建的测试:

动手开发第一个 Cypress 测试应用

输入如下代码:

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

点击 Test Runner 里的 sample_spec.js 超链接,看到期望的执行结果:assertion 通过。