在 CircleCI 上執行 Nightwatch 測試

在本文中，您將學習如何在 CircleCI 上建立和執行 Nightwatch 測試

概觀

CircleCI 是一個 CI/CD 平台，可用於建立自動化測試管線。CircleCI 可用於在相同執行個體或在雲端服務供應商 (例如 BrowserStack 和 Sauce Labs) 上執行測試。

先決條件

CircleCI 帳戶
上傳到 Git 的 Nightwatch 專案

設定指南

我們將採用 nightwatch-examples 儲存庫進行示範。現在，讓我們按照以下步驟設定 CI

步驟 1：設定 CircleCI 專案

將您的 CircleCI 帳戶連線至 Github 後，按一下左側選單中的「專案」，您將會看到 Github 中的儲存庫清單。

按一下測試儲存庫旁邊的「設定專案」

Config.yml 對話方塊開啟後，選取「帶我到可以編輯的 config.yml 範本」選項，如下所示

CircleCI config file

在下一個畫面中，從清單中選取 Node

步驟 2：更新 config.yml 檔案、提交並執行管線

現在您將會檢視可以編輯的 config.yml 檔案。將下列檔案內容複製到檔案中

# This config is equivalent to both the '.circleci/extended/orb-free.yml' and the base '.circleci/config.yml'
version: 2.1

# Orbs are reusable packages of CircleCI configuration that you may share across projects, enabling you to create encapsulated, parameterized commands, jobs, and executors that can be used across multiple projects.
# See: https://circleci.com/docs/2.0/orb-intro/
orbs:
  node: circleci/node@4.7
  browser-tools: circleci/browser-tools@1.1.0
jobs:
  test:
    docker:
      - image: cimg/node:lts-browsers
    steps:
      - checkout
      - browser-tools/install-browser-tools
      - node/install-packages
      - run:
          command: npm run test
      - store_test_results:
          path: /tests_output
workflows:
  e2e-test:
    jobs:
      - test

複製 config.yml 檔案後，按一下 Commit and Run

讓我們嘗試了解組態檔的重點： -