方法

以下方法添加到全局 WebdriverIO browser 对象。

保存方法

提示

仅当您**不**希望比较屏幕，而只想拥有元素/屏幕截图时，才使用保存方法。

saveElement

保存元素的图像。

用法

await browser.saveElement(
    // element
    await $('#element-selector'),
    // tag
    'your-reference',
    // saveElementOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器
• 移动混合应用
• 移动原生应用

参数

• 元素:
  • **必填：**是
  • **类型：**WebdriverIO 元素
• 标签:
  • **必填：**是
  • **类型：**字符串
• saveElementOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅保存选项

输出

请参阅测试输出页面。

saveScreen

保存视口的图像。

用法

await browser.saveScreen(
    // tag
    'your-reference',
    // saveScreenOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器
• 移动混合应用
• 移动原生应用

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• saveScreenOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅保存选项

输出

请参阅测试输出页面。

saveFullPageScreen

用法

保存完整屏幕的图像。

await browser.saveFullPageScreen(
    // tag
    'your-reference',
    // saveFullPageScreenOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• saveFullPageScreenOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅保存选项

输出

请参阅测试输出页面。

saveTabbablePage

保存带有可选项线条和点的完整屏幕的图像。

用法

await browser.saveTabbablePage(
    // tag
    'your-reference',
    // saveTabbableOptions
    {
        // ...
    }
);

支持

• 桌面浏览器

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• saveTabbableOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅保存选项

输出

请参阅测试输出页面。

检查方法

提示

首次使用check方法时，您将在日志中看到以下警告。这意味着如果您要创建基线，则无需组合save和check方法。

#####################################################################################
 Baseline image not found, save the actual image manually to the baseline.
 The image can be found here:
 /Users/wswebcreation/project/.tmp/actual/desktop_chrome/examplePage-chrome-latest-1366x768.png
 If you want the module to auto save a non existing image to the baseline you
 can provide 'autoSaveBaseline: true' to the options.
#####################################################################################

checkElement

将元素的图像与基线图像进行比较。

用法

await browser.checkElement(
    // element
    '#element-selector',
    // tag
    'your-reference',
    // checkElementOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器
• 移动混合应用
• 移动原生应用

参数

• 元素:
  • **必填：**是
  • **类型：**WebdriverIO 元素
• 标签:
  • **必填：**是
  • **类型：**字符串
• checkElementOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅比较/检查选项

输出

请参阅测试输出页面。

checkScreen

将视口的图像与基线图像进行比较。

用法

await browser.checkScreen(
    // tag
    'your-reference',
    // checkScreenOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器
• 移动混合应用
• 移动原生应用

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• checkScreenOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅比较/检查选项

输出

请参阅测试输出页面。

checkFullPageScreen

将完整屏幕的图像与基线图像进行比较。

用法

await browser.checkFullPageScreen(
    // tag
    'your-reference',
    // checkFullPageOptions
    {
        // ...
    }
);

支持

• 桌面浏览器
• 移动浏览器

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• checkFullPageOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅比较/检查选项

输出

请参阅测试输出页面。

checkTabbablePage

将带有可选项线条和点的完整屏幕的图像与基线图像进行比较。

用法

await browser.checkTabbablePage(
    // tag
    'your-reference',
    // checkTabbableOptions
    {
        // ...
    }
);

支持

• 桌面浏览器

参数

• 标签:
  • **必填：**是
  • **类型：**字符串
• checkTabbableOptions:
  • **必填：**否
  • **类型：**选项对象，请参阅比较/检查选项

输出

请参阅测试输出页面。