Cómo configurar el tamaño predeterminado de la ventana del navegador en Transportador / WebdriverJS

Por alguna razón, cuando ejecuto mis pruebas en el trabajo, el navegador se maximiza, pero cuando las ejecuto en casa, solo abre una ventana del navegador de aproximadamente un 50% de ancho. Esto causa algunas discrepancias con el desplazamiento hacia abajo, etc., por lo que idealmente me gustaría que se abriera una ventana del navegador del mismo tamaño en cada máquina en la que se ejecutan las pruebas. ¿Cuál es la mejor manera de hacer esto? (Encontré algunas respuestas para otros idiomas, pero no he podido adaptarlas a javascript)

Añadiendo

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

no hace nada (aparentemente window.moveToy window.resizeTono son compatibles con Chrome).

Puede establecer el tamaño predeterminado del navegador ejecutando:

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

Para maximizar la ventana del navegador, ejecute:

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

Para configurar la carrera de posición:

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

Si recibe un error:

WebDriverError: unknown error: operation is unsupported with remote debugging

Operación no admitida cuando se usa la depuración remota Algunos comandos de WebDriver (por ejemplo, cambiar el tamaño de la ventana del navegador) requieren que se cargue una extensión de Chrome en el navegador. ChromeDriver normalmente carga esta "extensión de automatización" cada vez que inicia una nueva sesión de Chrome.

Sin embargo, se puede indicar a ChromeDriver que se conecte a una sesión de Chrome existente en lugar de iniciar una nueva. Esto se hace usando 'debuggerAddress' en el objeto Capabilities (también conocido como ChromeOptions). Dado que la extensión de automatización solo se carga al inicio, hay algunos comandos que ChromeDriver no admite cuando se trabaja con sesiones existentes a través de la depuración remota.

Si ves el error "operación no compatible cuando se usa la depuración remota", intenta reescribir la prueba para que inicie una nueva sesión de Chrome. Esto se puede hacer eliminando 'debuggerAddress' del objeto Capabilities.

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

También puede usar su config.jspara configurar el tamaño de la ventana:

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

Si el método preferido:

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

no funciona para usted (por ejemplo, ejecutar pruebas de transportador en Xvfb), entonces también puede maximizar la ventana de esta manera (transportador.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);
        });
    });
},

Versión de 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]);
            });
        });
    }
};

Simplemente agregué el código a continuación en mi archivo protractor.conf.js y funcionó bien.

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

¿Qué propósito tienen setTimeout y executeScript en su respuesta? Lucho por encontrar las mejores prácticas en los documentos del transportador ...

En mi opinión, usar maximizar () directamente es una mala idea y no debería ser el método preferido, ya que no establecería el mismo tamaño en todas las máquinas donde se ejecutan las pruebas y podría romper los comportamientos de respuesta.

En Selenio 4 (Transportador 6), setRectreemplazasetSize ysetPosition

Por ejemplo,

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

En el archivo Protractor.conf.js agregue la siguiente configuración

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

Modifique su archivo config.js como se indica a continuación.

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

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

Agregue el siguiente código, esto maximizará la ventana del navegador

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