Skip to content

The Cypress Dashboard scrolls out of view after tests startup #8

@kodriscollics

Description

@kodriscollics

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions