Support ability to set viewport in `before` or `Cypress.config` to persist new viewport across several tests (not reset to default viewport size in between each test)

This looks like a bug but I may be misunderstanding the documentation, under Config -> Name And Value it states:

Any value you change will be permanently changed for the remainder of your tests.

I interpreted this as when I set cypress like so:

Cypress.config({
  viewportWidth: 375,
  viewportHeight: 812,
})

cy.viewport(375, 812)

Any further (non chained) tests should run in 375, 812 viewpoint but it seems to default back to the original cypress.json config.

Interestingly when I console log

const { viewportWidth, viewportHeight } = Cypress.config()
console.log('Actual', viewportWidth, viewportHeight)

It will give me the correct Actual, 375, 812 values

The reason I’m doing it this way is I am using the cypress-cucumber-preprocessor plugin which treats each cypress definition as a different “step” and doesn’t seem to persist cy.viewport() between them.

This is a little complicated to explain, let me know if I need more info etc.

Cheers

• Operating System: MacOS 10.13.3
• Cypress Version: 2.1.0
• Browser Version: Chrome

[jennifer-shehane]

Some of the work in #5346 should make it possible to persist a viewport size across a series of tests.

To be released

describe('page display on medium size screen', {
  viewportHeight: 1000,
  viewportWidth: 400
}, () => {
  it('does not display sidebar', () => {
    cy.get('#sidebar').should('not.be.visible')
  })
  it('shows hamburger menu', () => {
    cy.get('#header').find('i.menu').should('be.visible)
  })
})

So, keep track of that PR to see when it is merged and released within our product.

[vedmant]

Could it keep last set viewport and not reset each time to default while it’s within one describe section? Jumping between viewports visual experience is really unpleasant for eyes.