npm 包 @gemini-testing/webdriverio 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

@gemini-testing/webdriverio 是一款针对 Web 端的自动化测试框架，基于 WebdriverIO 和 Gemini 实现。它的使用不仅可以提高测试效率，还可以降低测试成本。本文将详细介绍如何使用 @gemini-testing/webdriverio 进行 Web 自动化测试。

安装

@gemini-testing/webdriverio 可以使用 npm 进行安装，只需在命令行中输入以下命令即可：

npm install @gemini-testing/webdriverio --save-dev

安装完成后，需要进行全局安装 geckodriver（Firefox 浏览器），若需要使用 Chrome 浏览器，则需要全局安装 chromedriver：

npm install geckodriver --save-dev
npm install chromedriver --save-dev

配置

@gemini-testing/webdriverio 的配置文件为 .gemini.yml。在配置文件中，需要指定浏览器类型、测试地址和测试文件路径，具体配置如下：

-- -------------------- ---- -------
-------
  --------
    ------------
      --------- ------ - ---- ------ ---
      ---- ----------------------- - ----

------
  - ------
  -------- ----

基本 API

`await gemini.open(url: string)`

打开 URL 地址。

const { gemini } = require('@gemini-testing/webdriverio');

// 打开 URL
await gemini.open('http://www.example.com/');

`await gemini.browser`

获取浏览器对象。

const { gemini } = require('@gemini-testing/webdriverio');

// 获取浏览器对象
const browser = await gemini.browser;

`await browser.url(url: string)`

进入 URL 地址。

const { gemini } = require('@gemini-testing/webdriverio');

const browser = await gemini.browser;

// 进入 URL
await browser.url('http://www.example.com/');

`await browser.$(selector: string)`

使用 CSS 选择器定位元素。

const { gemini } = require('@gemini-testing/webdriverio');

const browser = await gemini.browser;

// 使用 CSS 选择器定位元素
const el = await browser.$('#my-element');

`await el.click()`

点击元素。

const { gemini } = require('@gemini-testing/webdriverio');

const browser = await gemini.browser;

const el = await browser.$('#my-element');

// 点击元素
await el.click();

`await browser.waitForExist(selector: string, timeout: number)`

等待元素出现。

const { gemini } = require('@gemini-testing/webdriverio');

const browser = await gemini.browser;

// 等待元素出现
await browser.waitForExist('#my-element', 5000);

`await browser.pause(time: number)`

等待指定时间。

const { gemini } = require('@gemini-testing/webdriverio');

const browser = await gemini.browser;

// 等待 3 秒
await browser.pause(3000);

示例代码

以下是一个使用 @gemini-testing/webdriverio 进行自动化测试的示例代码：

-- -------------------- ---- -------
----- - ------ - - ---------------------------------------

----------------- -- -- -
  ------------ -- -- -
    ----- ---------------------------------------
  ---

  ------------- ----- -- -- -
    ----- ------- - ----- ---------------
    ----- -- - ----- -------------------------

    -- ------
    ----- ----------------------------------- ------

    -- --------
    ----- --------- - ----- -----------------
    
    -- -------
    -----------------------------
  ---

  ----------- -- -- -
    ----- ------- - ----- ---------------

    -- -----
    ----- ----------------
  ---
---

总结

@gemini-testing/webdriverio 是一款非常强大的 Web 端自动化测试框架，具有高效、可靠以及易用等特点。本文介绍了如何安装配置和基本 API 的使用，还给出了一个示例代码，希望可以对大家有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5f163a8f403f2923b035c34c