WebdriverIO

这可能有很多种方法，但是最直接的方法是通过 wdio屏幕快照 WebdriverIO插件。

1. 安装插件：

   npm install --save-dev wdio-screenshot

2. wdio.conf.js

   在

   plugings

   对象的文件中启用插件：

   plugins: { 'wdio-screenshot': {} }

3. 在测试中，添加以下步骤（ 对于文档（全屏截图 ）：

   browser.savedocumentScreenshot('<screenShotsPath>/screenshotName.png');

> 全页面截图看起来像 这样
一个Instagram的饲料尝试。（ 出于明显原因，将屏幕截图留在了内联中 ）

• ！Note-001： 如果您不希望屏幕截图看起来像这样，那么我建议您使用一些 waitUntil 来确保您的内容已 成功加载和呈现 。

• ！Note-002：

  wdio-screenshot

  支持3种类型的屏幕截图（ 视口 （标准）， 文档 （整页）和 元素 （针对元素））。