Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After visiting runs page, Runner styles are weird #21931

sync-by-unito bot opened this issue May 30, 2022 · 3 comments · Fixed by #22014

After visiting runs page, Runner styles are weird #21931

sync-by-unito bot opened this issue May 30, 2022 · 3 comments · Fixed by #22014


Copy link

sync-by-unito bot commented May 30, 2022

Current Behavior

There are extra dots and big spaces between items in the command log, and extra dots on the far left of the inline specs list, that appear when you visit a spec after visiting the Specs.

Screen Shot 2022-05-23 at 2 53 38 PM

This is caused by styles leaking from this component: packages/app/src/runs/RunCard.vue and the fix is a one-line change, to add a scoped attribute to the style tag here.

Loom video demonstrating this and finding the fix:

Some other side effects caused by same leaking styles - any list longer than one item is affected. It makes the docs menu look nested and the browser list look misaligned.


Desired Behavior

In this situation, Cypress should not show extra dots in the Runner UI that don’t belong there.

Reproducible Steps

  1. Open the cypress app
  2. Visit the Runs page
  3. Visit the Specs List
  4. Open a Spec
  5. See bad styles
  6. Refresh
  7. See good styles
  8. Visit the Runs page and repeat - the bad styles return as soon as the Runs page mounts, you can see them pop in briefly during the navigation.

┆Issue is synchronized with this Jira Bug by Unito
┆Attachments: Screen Shot 2022-05-23 at 2.53.38 PM.png | Screen Shot 2022-05-25 at 6.42.56 AM.png | Screen Shot 2022-05-25 at 6.43.01 AM.png
┆author: Mark Noonan
┆epic: UI/UX Improvements
┆friendlyId: UNIFY-1811
┆priority: High
┆sprint: Fast Follows 1
┆taskType: Bug

Copy link

sync-by-unito bot commented May 30, 2022

@marktnoonan marktnoonan self-assigned this May 31, 2022
Copy link

Assigning to myself until Mike P gets github hooked up.

Copy link

cypress-bot bot commented Jun 1, 2022

Released in 10.0.1.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v10.0.1, please open a new issue.

@cypress-bot cypress-bot bot removed the stage: needs review The PR code is done & tested, needs review label Jun 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

Successfully merging a pull request may close this issue.

3 participants