@vue/cli-plugin-e2e-webdriverio #

vue-cli 的 e2e-webdriverio 插件

注入的命令 #

• vue-cli-service test:e2e

  使用 WebdriverIO 运行端到端测试。

  选项

  --remote          Run tests remotely on SauceLabs
  
  All WebdriverIO CLI options are also supported.
  
  

  此外，还支持所有 WebdriverIO CLI 选项。例如：--baseUrl、--bail 等。

项目结构 #

安装此插件时将生成以下结构

tests/e2e/
  ├── pageobjects/
  |   └── app.page.js
  ├── specs/
  |   ├── app.spec.js
  └── .eslintrc.js

除此之外，还将生成 3 个配置文件

• wdio.shared.conf.js：一个共享配置，其中定义了所有环境的所有选项
• wdio.local.conf.js：本地测试的本地配置
• wdio.sauce.conf.js：在云提供商（如 Sauce Labs）上进行测试的远程配置

这些目录包含

pageobjects #

包含页面对象的示例。详细了解如何使用 页面对象 与 WebdriverIO。

specs #

您的 e2e 测试。

在已创建的项目中安装 #

vue add e2e-webdriverio

对于使用旧版 CLI 的用户，您可能需要运行 vue add @vue/e2e-webdriverio。

运行测试 #

默认情况下，specs 文件夹中的所有测试都将使用 Chrome 运行。如果您想对 Chrome（或 Firefox）运行端到端测试（以无头模式），只需传递 --headless 参数即可。在云端执行时，测试将自动并行运行。

$ vue-cli-service test:e2e

运行单个测试

要运行单个测试，请提供文件名路径。例如：

$ vue-cli-service test:e2e --spec tests/e2e/specs/test.js

跳过开发服务器自动启动

如果开发服务器已在运行，并且您想跳过自动启动它，请传递 --url 参数

$ vue-cli-service test:e2e --baseUrl=https://127.0.0.1:8080/