Running Cypress in headless mode using Electron does not center page when autoscaling

Current behavior:

When running Cypress using: cypress run --env environment=xxx - Autoscaling does not center the website which causes certain tests to fail when elements are off screen during headless mode.

Note 1: This passes when using cypress open --env environment=xxx Note 2: Both times tests were triggered using Electron 59 running Cypress 3.1.4

I came to this conclusion because the screenshot when using run shows that it’s at 57% scale and the image is off screen. However, when I run the test with open and resize it to 57%, I can see that the page would shift after <1s and center the page.

Desired behavior:

Autoscaling works properly when using cypress run

Steps to reproduce: (app code and test code)

1. Write some tests that involves clicking on a button that potentially might be off screen
2. Run the test with cypress run using Electron 59

Result: Page will not center during autoscaling

Expected: Page will center during autoscaling

Versions

Cypress 3.1.4 Electron 59 MacOS 10.14.5

Note: This might be an isolated issue with the newest Macbook Pro (2018) and MacOS 10.14.5 since the tests are fine in CI running the same command.

[jennifer-shehane]

@hvuong-sigma K, you may want to look into setting up configuration with our schema file to avoid this from happening again.

Although, it may be nice for us to just accept string values and coerce them in this situation.

[hvuong-sigma]

@jennifer-shehane

Actually! This was because in the config, viewport height and width needs to be int instead of string.

Example:

  "viewportHeight": 900,
  "viewportWidth": 1440,

Not sure if this needs to be made more clear anywhere in the docs.