天天看點

動手開發第一個 Cypress 測試應用

指令行安裝 Cypress:

npm install cypress --save-dev
動手開發第一個 Cypress 測試應用

npm init

編輯package.json,添加如下的 json 語句

動手開發第一個 Cypress 測試應用
動手開發第一個 Cypress 測試應用
然後執行指令 npm run open, 即可打開 Cypress test runner:
動手開發第一個 Cypress 測試應用
動手開發第一個 Cypress 測試應用
預設看到的examples 檔案夾裡有很多現成的例子:
動手開發第一個 Cypress 測試應用
我們在 integration 檔案夾下建立一個 sample_spec.js:
動手開發第一個 Cypress 測試應用

會發現在 Test runner裡,立即能找到這個建立的測試:

動手開發第一個 Cypress 測試應用

輸入如下代碼:

動手開發第一個 Cypress 測試應用

點選 Test Runner 裡的 sample_spec.js 超連結,看到期望的執行結果:assertion 通過。

動手開發第一個 Cypress 測試應用