Make protractor test occupy the entire screen

Question

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 1

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'
        ]
    }
}

Answer 2

We set browser size in onPrepare block in protractor.conf.js:

onPrepare: function() {
    browser.driver.manage().window().maximize();
},

not sure if this helps you with your second issue ..?