So legen Sie die Standardgröße des Browserfensters in Protractor / WebdriverJS fest

Aus irgendeinem Grund wird der Browser maximiert, wenn ich meine Tests bei der Arbeit ausführe. Wenn ich sie jedoch zu Hause ausführe, wird nur ein Browserfenster mit einer Breite von ca. 50% geöffnet. Dies führt zu einigen Unstimmigkeiten beim Scrollen nach unten usw., daher möchte ich, dass auf jedem Computer, auf dem die Tests ausgeführt werden, ein Browserfenster gleicher Größe geöffnet wird. Was ist der beste Weg, dies zu tun? (Ich habe einige Antworten für andere Sprachen gefunden, konnte sie jedoch nicht an Javascript anpassen.)

Hinzufügen

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

tut nichts (anscheinend window.moveTound window.resizeTowerden nicht von Chrom unterstützt).

Sie können die Standardgröße des Browsers festlegen, indem Sie Folgendes ausführen:

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

So maximieren Sie die Ausführung des Browserfensters:

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

So stellen Sie den Positionslauf ein:

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

Wenn Sie eine Fehlermeldung erhalten:

WebDriverError: unknown error: operation is unsupported with remote debugging

Vorgang bei Remote-Debugging nicht unterstützt Bei einigen WebDriver-Befehlen (z. B. Ändern der Größe des Browserfensters) muss eine Chrome-Erweiterung in den Browser geladen werden. ChromeDriver lädt diese "Automatisierungserweiterung" normalerweise jedes Mal, wenn eine neue Chrome-Sitzung gestartet wird.

ChromeDriver kann jedoch angewiesen werden, eine Verbindung zu einer vorhandenen Chrome-Sitzung herzustellen, anstatt eine neue zu starten. Dies erfolgt über 'debuggerAddress' im Capabilities-Objekt (auch bekannt als ChromeOptions). Da die Automatisierungserweiterung nur beim Start geladen wird, gibt es einige Befehle, die ChromeDriver nicht unterstützt, wenn Sie mit vorhandenen Sitzungen über Remote-Debugging arbeiten.

Wenn der Fehler "Vorgang bei Verwendung des Remote-Debugging nicht unterstützt" angezeigt wird, schreiben Sie den Test neu, damit eine neue Chrome-Sitzung gestartet wird. Dies kann durch Entfernen von 'debuggerAddress' aus dem Capabilities-Objekt erfolgen.

Quelle: https://sites.google.com/a/chromium.org/chromedriver/help/operation-not-supported-when-using-remote-debugging

Sie können auch Ihre config.jsFenstergröße verwenden , um Folgendes festzulegen:

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

Wenn die bevorzugte Methode:

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

funktioniert bei Ihnen nicht (z. B. Ausführen von Winkelmessertests in Xvfb), dann können Sie das Fenster auch auf diese Weise maximieren (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-Version:

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

Ich habe einfach den folgenden Code in meine Datei protractor.conf.js eingefügt und es hat gut funktioniert.

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

Welchen Zweck erfüllen setTimeout und executeScript in Ihrer Antwort? Ich habe Mühe, Best Practices in den Winkelmesser-Dokumenten zu finden ...

Meiner Meinung nach ist die direkte Verwendung von maxim () eine schlechte Idee und sollte nicht die bevorzugte Methode sein, da nicht auf jedem Computer, auf dem die Tests ausgeführt werden, die gleiche Größe festgelegt wird und das Reaktionsverhalten beeinträchtigt werden kann.

In Selen 4 (Winkelmesser 6) setRectersetzt setSizeundsetPosition

Beispielsweise,

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

Fügen Sie in der Datei Protractor.conf.js die folgende Konfiguration hinzu

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

Ändern Sie Ihre Datei config.js wie folgt.

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

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

Fügen Sie den folgenden Code hinzu, um das Browserfenster zu maximieren

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