CSS disappears after mousing over the snapshot links #27632
Labels
stage: needs investigating
Someone from Cypress needs to look at this
stale
no activity on this issue for a long period
type: bug
Comments
|
@nick-true-dev Is this still occurring in v13 latest? |
jennifer-shehane
added
the
stage: awaiting response
|
Hi Jennifer. I still see the issue with cypress 13.6.1. |
jennifer-shehane
added
stage: needs investigating
|
I am facing the same thing, except the entire page, with its elements, go invisible, not only the styling. |
|
This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided. |
|
This issue has been closed due to inactivity. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Current behavior
After running cypress e2e tests, the target site gets rendered as expected.
However, if you over the mouse cursor over any of the test snapshot links in the cypress desktop app, then certain css styles unexpectedly disappear from these snapshots.
More specifically, the
<link>elements used to import dark/light theme css files will disappear from the<head>section after you hover the mouse over a snapshot.This causes the background color to change from dark gray to white.
For example, this is before hovering the mouse over
1 visit /:...and this is after:
Desired behavior
The website's background color should remain gray/black whether or not the user hovers over the snapshot link.
Test code to reproduce
https://github.com/nick-true-dev/cypress_css_issue_example
Cypress Version
12.17.4
Node version
16.20.1
Operating System
macOS 12.6.8
Debug Logs
No response
Other
Note that the elements get added dynamically by addLinkElt() in App.vue in this example.
The text was updated successfully, but these errors were encountered: