點燈坊

失くすものさえない今が強くなるチャンスよ

Cypress 初體驗

Sam Xiao's Avatar 2021-03-26

Cypress 為近年最流行的 E2E Test,以 JavaScript 打造的全新架構,並非使用 Selenium,安裝與使用經驗極佳。

Version

Cypress 6.8.0

Install Cypress

$ yarn add cypress --dev

使用 Yarn 安裝 Cypress。

Run Cypress

$ yarn run cypress open

以 CLI 直接執行 Cypress。

package.json

{
  "scripts": {
    "test": "cypress open"
  },
  "devDependencies": {
    "cypress": "^6.8.0"
  }
}

或者在 package.json 加上 test,則將來可用 yarn test 執行 Cypress。

overview000

Cypress 會自動開啟 test runner 執行預設 test sample。

Conclusion

  • 預設 sample 參考度極高,常用的 test 手法都可在 sample 找到相關 test code

Reference

Cypress, Installing Cypress