如何在 Protractor/WebdriverJS 中设置默认浏览器窗口大小

Question

由于某种原因，当我在工作中运行我的测试时，浏览器被最大化，但是当我在家里运行它们时，它只打开一个大约 50% 宽度的浏览器窗口。这会导致向下滚动等出现一些差异，所以我希望它在每台运行测试的机器上打开一个相同大小的浏览器窗口。最好的方法是什么？

（我找到了一些其他语言的答案，但我无法将它们改编为 JavaScript）

添加

browser.executeScript('window.moveTo(0,0);' +
    'window.resizeTo(screen.width, screen.height);');

什么都不做（显然 Google Chrome 不支持 window.moveTo 和 window.resizeTo）。

Answer 1

您可以通过运行设置默认浏览器大小：

var width = 800;
var height = 600;
browser.driver.manage().window().setSize(width, height);

要最大化浏览器窗口，请运行：

browser.driver.manage().window().maximize();

要设置位置，运行：

var x = 150;
var y = 100;
browser.driver.manage().window().setPosition(x, y);

如果出现错误：

WebDriverError：未知错误：远程调试不支持操作

使用远程调试某些WebDriver时不支持操作 命令（例如调整浏览器窗口大小）需要 Chrome 扩展程序 加载到浏览器中。 ChromeDriver 通常会加载这个 每次启动新的 Chrome 会话时都会出现“自动化扩展”。

但是可以指示 ChromeDriver 连接到现有的 Chrome 会话而不是启动一个新会话。这是使用 Capabilities（又名 ChromeOptions）对象中的“debuggerAddress”。 由于自动化扩展仅在启动时加载，因此有 ChromeDriver 在使用时不支持的一些命令 通过远程调试现有会话。

如果您看到错误“使用遥控器时不支持操作 调试”，尝试重写测试以启动新的 Chrome 会议。这可以通过从 能力对象。

来源：Operation not supported when using remote debugging

Answer 2

您也可以使用config.js 设置窗口大小：

// config.js
specs: [
    ...
],
capabilities: {
    browserName: 'chrome',
    chromeOptions: {
        args: ['--window-size=800,600'] // THIS!
    }
}
// ....

Answer 3

如果首选方法：

browser.driver.manage().window().maximize();

对你不起作用（例如在 Xvfb 中运行 Protractor 测试），那么你也可以通过这种方式最大化窗口（protractor.conf.js）：

onPrepare: function() {
    setTimeout(function() {
        browser.driver.executeScript(function() {
            return {
                width: window.screen.availWidth,
                height: window.screen.availHeight
            };
        }).then(function(result) {
            browser.driver.manage().window().setSize(result.width, result.height);
        });
    });
},

TypeScript 版本：

import {Config, browser} from "protractor";

export let config: Config = {
    ...
    onPrepare: () => {
        setTimeout(() => {
            browser.driver.executeScript<[number, number]>(() => {
                return [
                    window.screen.availWidth,
                    window.screen.availHeight
                ];
            }).then((result: [number, number]) => {
                browser.driver.manage().window().setSize(result[0], result[1]);
            });
        });
    }
};

Answer 4

我只是在我的 protractor.conf.js 文件中添加了以下代码，它确实可以正常工作。

onPrepare: function() {
    var width = 1600;
    var height = 1200;
    browser.driver.manage().window().setSize(width, height);
},

setTimeout 和 executeScript 在您的回答中起到什么作用？我很难在量角器文档中找到最佳实践...

在我看来，直接使用 Maximize() 是一个坏主意，不应该是首选方法，因为它不会在每台执行测试的机器上设置相同的大小，并且可能会破坏响应行为。

Answer 5

在 Selenium 4（量角器 6）中，setRect 替换 setSize 和 setPosition

例如，

browser.driver.manage().window().setRect({height: 600, width: 800});

Answer 6

在 Protractor.conf.js 文件中添加如下配置

capabilities: {
    'browserName': 'chrome',
    chromeOptions: {
      args: [
               'start-maximized'
            ]
    }
}

Answer 7

如下修改你的 config.js 文件。

onPrepare: function () {
    browser.driver.manage().window().setSize(1280, 1024); // Width, height
},
capabilities: {
    browserName: 'chrome',
    chromeOptions: {
        args: [ "--start-maximized" ] // To start the browser as maximixed
    }
},

Answer 8

如果你想和async/await一起去

您可以像这样全局最大化窗口（一旦浏览器启动）

// protractor.conf.js

exports.config = {

    async onPrepare() {
        // start browser in specified window size
        await browser.driver
            .manage()
            .window()
            .setSize(1920, 1080);
    },
}

Answer 9

添加以下代码。这将最大化浏览器窗口。

browser.driver.manage().window().maximize();