天天看點

動手開發第一個 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 通過。