Jak ustawić domyślny rozmiar okna przeglądarki w Protractor / WebdriverJS

Z jakiegoś powodu, kiedy uruchamiam testy w pracy, przeglądarka jest zmaksymalizowana, ale kiedy uruchamiam je w domu, otwiera się tylko okno przeglądarki o szerokości około 50%. Powoduje to pewne rozbieżności podczas przewijania w dół itp., Więc najlepiej byłoby, gdyby otwierało okno przeglądarki o tym samym rozmiarze na każdym komputerze, na którym przeprowadzane są testy. Jak najlepiej to zrobić? (Znalazłem odpowiedzi dla innych języków, ale nie byłem w stanie dostosować ich do javascript)

Dodawanie

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

nic nie robi (najwyraźniej window.moveToi window.resizeTonie są obsługiwane przez Chrome).

Możesz ustawić domyślny rozmiar przeglądarki, uruchamiając:

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

Aby zmaksymalizować okno przeglądarki, uruchom:

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

Aby ustawić bieg pozycji:

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

Jeśli pojawi się błąd:

WebDriverError: unknown error: operation is unsupported with remote debugging

Operacja nie jest obsługiwana podczas korzystania ze zdalnego debugowania Niektóre polecenia WebDriver (np. Zmiana rozmiaru okna przeglądarki) wymagają załadowania do przeglądarki rozszerzenia Chrome. ChromeDriver normalnie ładuje to „rozszerzenie automatyzacji” za każdym razem, gdy uruchamia nową sesję Chrome.

Można jednak poinstruować ChromeDriver, aby połączyć się z istniejącą sesją Chrome zamiast uruchamiać nową. Odbywa się to za pomocą „debuggerAddress” w obiekcie Capabilities (aka ChromeOptions). Ponieważ rozszerzenie automatyzacji jest ładowane tylko podczas uruchamiania, istnieje kilka poleceń, których ChromeDriver nie obsługuje podczas pracy z istniejącymi sesjami poprzez zdalne debugowanie.

Jeśli zobaczysz komunikat o błędzie „operacja nie jest obsługiwana w przypadku zdalnego debugowania”, spróbuj przepisać test, aby uruchamiał nową sesję Chrome. Można to zrobić, usuwając „debuggerAddress” z obiektu Capabilities.

Źródło: https://sites.google.com/a/chromium.org/chromedriver/help/operation-not-supported-when-using-remote-debugging

Możesz także użyć swojego, config.jsaby ustawić rozmiar okna:

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

Jeśli preferowana metoda:

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

nie działa dla Ciebie (na przykład uruchamianie testów Protractor w Xvfb), możesz również zmaksymalizować okno w ten sposób (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);
        });
    });
},

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

Po prostu dodałem poniższy kod do mojego pliku protractor.conf.js i działał dobrze.

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

Do jakiego celu służą setTimeout i executeScript w Twojej odpowiedzi? Trudno mi znaleźć najlepsze praktyki w dokumentach kątomierza ...

Moim zdaniem użycie bezpośredniej maksymalizacji () jest złym pomysłem i nie powinno być preferowaną metodą, ponieważ nie ustawiłoby tego samego rozmiaru na każdej maszynie, na której wykonywane są testy, i może zepsuć zachowania responsywne.

W Selenium 4 (Protractor 6) setRectzastępuje setSizeisetPosition

Na przykład,

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

W pliku Protractor.conf.js dodaj następującą konfigurację

możliwości: {'browserName': 'chrome', chromeOptions: {args: ['start-maximized']}}

Zmodyfikuj plik config.js zgodnie z poniższym opisem.

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

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

Dodaj poniższy kod, zmaksymalizuje to okno przeglądarki

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