npm 包 desired-capabilities 使用教程-JavaScript中文网-JavaScript教程资源分享门户

概述

在进行前端测试时，我们经常需要模拟测试环境，使用 Selenium 或其他工具进行自动化测试。在执行测试过程中，有些浏览器需要设置特定的 capabilities 参数。例如，Chrome 浏览器需要设置 options.args，Firefox 浏览器需要设置 marionette 驱动等。如何方便地设置这些参数呢？

npm 包 desired-capabilities 就是用来解决这个问题的。

安装

使用 npm 包管理工具进行安装：

npm install --save-dev desired-capabilities

使用

使用 desired-capabilities 需要按照以下步骤进行：

导入 desired-capabilities：

const DesiredCapabilities = require('desired-capabilities');

创建一个浏览器实例：

const browser = await new Builder().forBrowser('chrome').build();

设置浏览器 capabilities：

const capabilities = new DesiredCapabilities('chrome');
capabilities.set('goog:chromeOptions', {
    args: ['--disable-gpu', '--window-size=1920,1080']
});
await browser.getCapabilities().merge(capabilities);

可以看到，设置 Chrome 浏览器的 args 参数非常简单。对于 Firefox 浏览器，也可以通过以下方式进行设置：

const capabilities = new DesiredCapabilities('firefox');
capabilities.set('moz:firefoxOptions', {
    args: ['-headless']
});
await browser.getCapabilities().merge(capabilities);

进行测试：

await browser.get('http://www.baidu.com');
const title = await browser.getTitle();
assert.strictEqual(title, '百度一下，你就知道');

这里使用了 Selenium 的 getTitle 方法获取百度网页的标题，并使用 assert 模块进行断言。

指导意义

使用 desired-capabilities 可以方便地设置测试环境中的浏览器参数，避免了手动设置参数的繁琐操作。它可以让我们更专注于测试本身，提高测试效率。同时，desired-capabilities 的源码也可以帮助我们更深入地了解浏览器 capabilities 的相关知识。

示例代码

完整的示例代码如下：

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

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

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

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

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

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

有了 desired-capabilities，设置浏览器 capabilities 就变得极其简单。

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