Cypress web自動化22-命令行運行用例(cypress run)

前言

前面運行測試用例是直接在運行器里面點擊對應的js文件即可運行寫好的腳本文件，寫完一個項目后，我們希望能用命令行執行全部用例。
cypress 提供了命令行運行用例，可以方便運行單個js腳本，多個js腳本，也可以運行整個項目。

open 啟動運行器

啟動你的 cypress 運行器界面，參考第一篇https://www.cnblogs.com/yoyoketang/p/12860329.html

方法一: cypress 啟動

可以直接通過 cypress 命令啟動，windows 環境需完整的路徑

D:\Cypress\node_modules.bin\cypress open

mac 和 linux 可以用相對路徑

./node_modules/.bin/cypress open

可以把 D:\Cypress\node_modules\.bin\ 目錄加到環境變量，先cd到項目根目錄 D:\Cypress, 於是就可以直接用 cypress 命令了。

cypress open

方法二: npm 啟動

也可以用 npm 啟動，需先在 package.json 中定義以下命令

{
  "scripts": {
    "cypress:open": "cypress open"
  }
}

於是可以用 npm 啟動 cypress

npm run cypress:open

run 運行用例

默認情況下，Cypress 會將 Electron 作為無頭瀏覽器運行完你所有的測試用例。

方法一:cypress run

先cd到項目根目錄 D:\Cypress, 直接執行 cypress run 會默認啟動 Electron 無頭瀏覽器運行用例

cypress run

D:\Cypress>cypress run


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:    4.5.0                                                                              │
  │ Browser:    Electron 80 (headless)                                                             │
  │ Specs:      30 found (demo\baidu.js, demo\blog.js, demo\hook_demo.js, demo\login_fixture.js, d │
  │             emo\login_web.js, demo\parametrize.js, demo\web_a.js, demo\web_home.js, demo\web_w │
  │             hite_list.js, demo\xuexi.js, demo\xx.js, examples\actions.spec.js, examples\aliasi │
  │             ng.spec.js,...)                                                                    │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────

  Running:  demo\baidu.js                                                                  (1 of 30)

方法二:npm 執行

先在 package.json 中定義以下 cypress run 命令

// 作者：上海-悠悠 交流QQ群:939110556
// 原文blog: https://www.cnblogs.com/yoyoketang
{
  "scripts": {
    "cypress:open": "cypress open",
    "cypress:run": "cypress run"
  }
}

執行以下命令，會以 Electron 無頭瀏覽器運行 cypress/integration 目錄下所有的用例

npm run cypress:run

運行完成后會在控制台有個總結的報告，這點還是很不錯的

--browser 指定瀏覽器

可以通過 --browser 參數指定運行瀏覽器名稱，只要系統上可以檢測到，--browser 參數可以被設置為chrome，canary，chromium，或electron。
Cypress會試圖自動找到已經裝好的瀏覽器。

方法一:cypress run --browser chrome

先cd到項目根目錄 D:\Cypress, 直接執行 --browser chrome 會啟動 chrome 瀏覽器運行你的用例

cypress run --browser chrome

於是可以看到會啟動你電腦本地的 chrome 瀏覽器運行用例

D:\Cypress>cypress run --browser chrome


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:    4.5.0                                                                              │
  │ Browser:    Chrome 83                                                                          │
  │ Specs:      30 found (demo\baidu.js, demo\blog.js, demo\hook_demo.js, demo\login_fixture.js, d │
  │             emo\login_web.js, demo\parametrize.js, demo\web_a.js, demo\web_home.js, demo\web_w │
  │             hite_list.js, demo\xuexi.js, demo\xx.js, examples\actions.spec.js, examples\aliasi │
  │             ng.spec.js,...)                                                                    │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────

  Running:  demo\baidu.js                                                                  (1 of 30)

也可以通過其路徑進行自定義瀏覽器類型，如：

cypress run --browser /usr/bin/chromium

方法二:npm run

先在 package.json 中定義以下 cypress run 命令啟動chrome瀏覽器

// 作者：上海-悠悠 交流QQ群:939110556
// 原文blog: https://www.cnblogs.com/yoyoketang
{
  "scripts": {
    "cypress:open": "cypress open",
    "cypress:run": "cypress run --browser chrome"
  }
}

使用npm run運行

npm run cypress:run

--spec 指定運行js腳本

運行某個單獨的測試文件而不是所有的測試用例：

cypress run --spec "cypress/integration/examples/actions.spec.js"

運行*號匹配到的文件目錄（注意：推薦使用雙星號**）

cypress run --spec "cypress/integration/login/**/*"

運行指定多個測試文件：

cypress run --spec "cypress/integration/examples/actions.spec.js,cypress/integration/examples/files.spec.js"

也可以通過 cypress.json 文件來指定用例查找規則，比如我只想執行 cypress/integration/demo 下的所有.js文件

// 作者：上海-悠悠 交流QQ群:939110556
// 原文blog: https://www.cnblogs.com/yoyoketang
{
  "viewportWidth": 1280,
  "viewportHeight": 600,
  "integrationFolder": "cypress/integration/demo",
  "testFiles": "**/*.js",
  "chromeWebSecurity": false
}

運行用例的時候，會先加載 cypress.json 按里面的規則運行

D:\Cypress>cypress run --browser chrome


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:    4.5.0                                                                              │
  │ Browser:    Chrome 83                                                                          │
  │ Specs:      11 found (baidu.js, blog.js, hook_demo.js, login_fixture.js, login_web.js, paramet │
  │             rize.js, web_a.js, web_home.js, web_white_list.js, xuexi.js, xx.js)                │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────

  Running:  baidu.js                                                                       (1 of 11)

這樣就不會加載到 cypress/integration/examples 下的js文件
作者：上海-悠悠 交流QQ群:939110556
原文blog: https://www.cnblogs.com/yoyoketang