node.js - 使用 Nightwatch 从 Browserstack 捕获全高屏幕截图

Question

我想使用 Browserstack 从 Nightwatch 测试中捕获全高屏幕截图 - 我可以捕获可见屏幕，但不能捕获整个文档。

我已经试过了:

browser.execute(function () {
    // get document dimensions
}, [], function (result) {
    // browser.resizeWindow(to value sent as result)
    browser.saveScreenshot('filename.png');
});

但是虽然生成的图像具有正确的宽度，但高度仅限于(我认为)在 Browserstack 中打开的浏览器的分辨率。

这有可能实现吗？

Answer 1

我通过做两件事解决了这个问题:

1. 向我的 nightwatch.json 添加高分辨率值:

    "yourPlatformName": {        "desiredCapabilities": {            "resolution": "1200x3000"            //...        }    }

1. 在您的代码中激活(取消注释)browser.resizeWindow() 以在进行捕获之前调整当前窗口的大小:

     browser.execute(function () {            // get document dimensions        }, [], function (result) {            // browser.resizeWindow(to value sent as result)           browser.resizeWindow(1200, 3000);           browser.saveScreenshot('filename.png');    });

对我来说，1200x3000 的尺寸足以捕捉整个文档。尝试增加这些值和测试以满足您的需求。