WebdriverIO - VS Code 智慧提示

完成 Visual Studio Code 的安裝後，我們應該在編輯器中新增智慧提示，以便在我們開始編寫 WebdriverIO 命令時，顯示 WebdriverIO 方法的自動建議。

有關如何進行 VS Code 安裝的詳細資訊，在標題為“VS Code 安裝”的章節中進行了詳細討論。

這是一個非常重要的功能，應該新增它，以便終端使用者無需記憶 WebdriverIO 的原始程式碼。

在 VS Code 中新增智慧提示

在 VS Code 中為 WebdriverIO 新增智慧提示的步驟如下：

步驟 1 - 點選 WebdriverIO 專案右側出現的“新建檔案”按鈕。

您的計算機上將出現以下螢幕：

步驟 2 - 將檔名輸入為 jsconfig.json。在這裡，我們必須指定實現測試的規範檔案的路徑。

如果我們想將智慧提示功能應用於測試資料夾中的所有規範檔案，我們可以將相對路徑指定為 test/spec/*.js。

您的計算機上將出現以下螢幕：

步驟 3 - 在檔案中新增以下程式碼。

{
   "include": [
      //relative path of all spec files
      "test/specs/*.js",
      "**/*.json",
      "node_modules/@wdio/sync",
      "node_modules/@wdio/mocha-framework"
   ]
}

步驟 4 - 在規範檔案中，開始編寫 WebdriverIO 物件或方法，我們將獲得完整的自動建議。

您的計算機上將出現以下螢幕：