Bug: Suite / test configuration overrides do not take effect in 4.9.0

[kamranayub]

Current behavior:

According to the documentation, we should be able to override configuration per-suite or per-test but it doesn't look like 4.9.0 is taking those into effect.

This test is configured to run at 1024x768 yet it's still the default 1000x660.

Desired behavior:

Test code to reproduce

https://github.com/kamranayub/cypress-bug-test-config

/// <reference types="cypress" />

describe("page", { viewportWidth: 1024, viewportHeight: 768 }, () => {
  it("works", () => {
    cy.visit("https://example.cypress.io");
  });
});

Workarounds

You can still use cy.viewport in every test but even that I've discovered has regressed in 4.9.0 as there's a very quick shift to 1000x660 between each it execution that messes with styles and will affect tests.

For this split-second viewport issue, this seems to alleviate most of my issues:

Cypress.Commands.overwrite("viewport", (originalFn, ...args) => {
  // Delegate to original fn
  originalFn(...args);

  // Seems to be needed in 4.9.0 for a split second
  cy.wait(500);
});

Versions

• Cypress 4.9.0
• Windows 10
• Chrome 83

[shirotech]

+1 also facing this issue

[jennifer-shehane]

Duplicate of #7631

[kamranayub]

Wow, GitHub search failed me, I literally searched for viewportWidth before opening this 😢