How to get window size with Cypress?

Question

I use "cypress": "2.1.0" for website functional test.

Also I have condition in tests:

if (WIDTH < 1025 && WIDTH > 480) {
  it('Open search sidebar', function () {
    cy.wait(500);
    cy.get('.FilterStroke_resultsLabel_7gBlM').safeClick();
  });
}

My question is how to get screen size (WIDTH, HEIGHT)?

Answer 1

It depends on how you are using viewPorts. If you are using cy.viewport(...) command, then you are easily able to store arguments to a variable.

However, I'm assuming, that you are trying to get width and height of the browser without explicitly setting viewport before the test. In this way, cypress takes the default windows width and height from the configuration.

You are able to access the configuration trough the global Cypress variable, e.g.:

Cypress.config("viewportWidth") // => 800

OR

Cypress.config().viewportWidth // => 800