WebdriverIO - VS Code 智能感知

完成 Visual Studio Code 的安装后，我们应该在编辑器中添加智能感知，以便一旦我们开始编写 WebdriverIO 命令，就会显示 WebdriverIO 方法的自动建议。

有关如何进行 VS Code 安装的详细信息将在标题为 VS Code 安装的章节中详细讨论。

这是一个非常重要的功能，应该添加，以便最终用户不需要记住 WebdriverIO 的原始代码。

将智能感知添加到 VS Code

下面列出了将智能感知添加到 WebdriverIO 的 VS Code 中的步骤 -

步骤 1 - 单击 WebdriverIO 项目右侧出现的“新建文件”按钮。

您的计算机上将出现以下屏幕 -

添加智能感知

步骤 2 - 输入文件名 jsconfig.json。在这里，我们必须指定要实现测试的规范文件的路径。

如果我们想将智能感知功能应用于 test 文件夹中的所有spec文件，我们可以将相对路径指定为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 对象或方法，我们将获得完整的自动建议。

您的计算机上将出现以下屏幕 -

WebdriverIO 对象