Make protractor test occupy the entire screen

angularjs window functional-testing protractor
es3735746 picture es3735746 · Aug 25, 2014 · Viewed 13.4k times · Source

I have seen a couple questions online related to this issue (How to set default browser window size in Protractor/WebdriverJS) but they don't address my issue.

I have the tests that I want to be able to run successfully on a laptop screen or desktop screen of ant size. I had tried all of these methods below but unsuccesfully.

The issue with this one is that I have to hardcode a width and height. I want to detect the screen size automatically

browser.driver.manage().window().setSize(width, height);

The issue with this one is that it only seems to maximize the height and not the width.

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

I want to be able to get the screen's height and width and plug those in for the .setSize() function. But when I try this

browser.driver.manage().window().setSize(screen.width, screen.height);

I get ReferenceError: screen is not defined

If I try console.log($(window)); then window is not defined either

So what the best way to do this?

Answer

alecxe picture alecxe · Apr 24, 2015

In case of Chrome on Mac OS X, the following didn't make the browser maximized for me:

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

In this case, you need to either switch to Firefox, or start Chrome with --start-maximized:

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

Related questions

How do I get the offset().top value of an element without using jQuery?

I'm programming a single-page application using the Angular framework. I'm new to it. I've read this guide to help me understand the fundamental differences between jQuery and Angular and I'd like to follow this guidance as much as possible and …

Read More
AngularJS $watch window resize inside directive

I have revealing module pattern which looks like this: 'use strict'; angular.module('app', []) .directive('myDirective', ['SomeDep', function (SomeDep) { var linker = function (scope, element, attr) { // some work }; return { link: linker, restrict: 'E' }; }]) ; What I'm having trouble with is integrating a $…

Read More
Window resize directive

I was trying to make a div resize when the window resizes, after looking around, it seems that using a directive was the best solution. Template: <div elHeightResize ng-view ng-style="{ height: windowHeight }"></div> Directive: myApp.directive(…

Read More