Angular 8 的量角器整页屏幕截图

如何解决Angular 8 的量角器整页屏幕截图

我正在尝试使用量角器和 mocha 截取 Angular 页面的屏幕截图。我们一直使用 protractor-screenshot-utils 作为依赖项，并在 conf.js 文件中使用它来覆盖 browser.takeScreenshot();

onPrepare: function() {
    global.screenShotUtils = new screenShotUtils({
      browserInstance : browser,setAsDefaultScreenshotMethod : true 
    });
},

不幸的是，它并没有完全覆盖它，而且我无法截取有角度页面的整页屏幕截图（它完全适用于非角度页面）。测试获得的屏幕截图是浏览器可以显示的内容，不包括归结为我的问题的页面的其余部分...

是否有其他解决方法可以使用量角器 + mocha 对 Angular 页面进行整页屏幕截图？

解决方法

它可能是您的导航器，如果您使用的 chrome 有问题。 https://bugs.chromium.org/p/chromium/issues/detail?id=45209

您可能会使用黑客来修复它

browser.driver.manage().window().setSize(320,2000);

我建议你看看这里，它可能会有所帮助：How to take screenshot of entire page in Protractor?

,

我之前也遇到过类似的问题。我在 C# 中使用了一个自定义方法来滚动和捕获屏幕截图，然后拼接它们。我知道这可能很麻烦，但会在需要时完成这项工作。逻辑可以在这些行上工作 -

1. 注意网页的高度和宽度
2. 如果到达页面底部，请检查条件
3. 您截取屏幕截图并保存
4. 您向下滚动高度值
5. 重复第 2 步

此外，您可以使用一些 3rd 方库来解决此问题。

虽然我没有现成的脚本，但您可以查看这些有用的资源 - protractor.screenshot.reporter.js（来自 this StackOverflow 答案），protractor-screenshot-utils， takeFullPageScreenShot method