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

出于某种原因，当我在工作中运行测试时，浏览器会最大化，但是当我在家运行测试时，它只会打开大约50％宽度的浏览器窗口。这会导致向下滚动等方面的差异，因此理想情况下，我希望在运行测试的每台计算机上，以相同大小打开浏览器窗口。最好的方法是什么？（我找到了其他语言的一些答案，但无法将它们改编成JavaScript）

新增中

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

什么都不做（显然window.moveTo，window.resizeToChrome不支持）。

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

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: unknown error: operation is unsupported with remote debugging

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

但是，可以指示ChromeDriver连接到现有的Chrome会话，而不是启动新的会话。这是通过功能（aka ChromeOptions）对象中的“ debuggerAddress”完成的。由于自动化扩展仅在启动时加载，因此在通过远程调试处理现有会话时，ChromeDriver不支持某些命令。

如果看到错误“使用远程调试时不支持该操作”，请尝试重写测试，以便启动新的Chrome会话。这可以通过从Capabilities对象中删除“ debuggerAddress”来完成。

来源：https：//sites.google.com/a/chromium.org/chromedriver/help/operation-not-supported-when-using-remote-debugging

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

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

如果首选方法：

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]);
            });
        });
    }
};

我只是将下面的代码添加到了我的protractor.conf.js文件中，并且效果很好。

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

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

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

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

例如，

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

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

功能：{'browserName'：'chrome'，chromeOptions：{args：['start-maximized']}}

根据以下内容修改config.js文件。

 onPrepare: function () {
      browser.driver.manage().window().setSize(1280, 1024); //width , height

       }, 
 capabilities: {
browserName: 'chrome',
chromeOptions: {
args: [ "--start-maximized" ] // to start browser as maximixed 
         }
    },

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

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