AlexTheMagnus/cypress-full-dark-mode

The Cypress Dashboard scrolls out of view after tests startup

Opened this issue · 0 comments

ISSUE:
After I bring up the Cypress dashboard and click on one of the file specs to run, the test launches just fine, as shown in this first picture:

DarkModeScrolls-1

However, shortly into the test (it appears at the first "get" statement) the entire dashboard view scrolls upward--the browser, the history, the Cypress command buttons, everything, as you can see in this picture:

DarkModeScrolls-2

The final state after a test runs is shown in this next pic. Again, the view and access to the full browser, the Cypress history, the Cypress commands, etc are all gone:

DarkModeScrolls-3

ENVIRONMENT:
Windows 10 enterprise, version 21H2, OS build 19044.2006
node is v16.6.1
Cypress 11.x.x

TROUBLESHOOTING:
I have tried using Firefox and Edge in addition to Chrome. The browser made no difference.
I have tried resizing the browser window in the cypress.config.ts file, which made no difference.
I have tried resizing the Cypress dashboard window itself, which made no difference.
I have tried multiple monitor, which also makes no difference.

Note that this can be reproduced with the "todo" example which comes with Cypress, located in the cypress/e2e/1-getting-started folder. Also, I have dozens of tests and the problem happens no matter which test I run. The tests themselves all finish just fine, so the problem is not the result of any specific test.

If I remove the line:
require('@alexmagnus/cypress-full-dark-mode')
from the e2e.ts file, the dashboard behaves as it should.