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

fix: scroll of inline specs list #21994

Merged
merged 5 commits into from
Jun 1, 2022

Conversation

marktnoonan
Copy link
Contributor

@marktnoonan marktnoonan commented Jun 1, 2022

User facing changelog

In the Runner page, the inline specs list will now scroll as expected.

Additional details

The overflow styles were changed incorrectly in this PR last week. Removing the overflow-hidden class restores the correct behavior of the specs list. The !important of the tailwind class clobbered the overflow that the useVirtualList sets on the wrapper of the virtual list.

Steps to test

Visit a spec and confirm that the inline specs list is scrollable vertically.

How has the user experience changed?

PR Tasks

  • Have tests been added/updated?
  • Has the original issue (or this PR, if no issue exists) been tagged with a release in ZenHub? (user-facing changes only)
  • [na] Has a PR for user-facing changes been opened in cypress-documentation?
  • [na] Have API changes been updated in the type definitions?

@cypress-bot
Copy link
Contributor

cypress-bot bot commented Jun 1, 2022

Thanks for taking the time to open a PR!

Copy link
Member

@jennifer-shehane jennifer-shehane left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@marktnoonan Any way to add a Cypress test to actually scroll and check this? That would be a better test than relying on this specific style. Use scroll commands within Cypress?

@cypress
Copy link

cypress bot commented Jun 1, 2022



Test summary

37553 0 454 0Flakiness 3


Run details

Project cypress
Status Passed
Commit c5c8941
Started Jun 1, 2022 4:34 PM
Ended Jun 1, 2022 4:50 PM
Duration 16:34 💡
OS Linux Debian - 10.11
Browser Multiple

View run in Cypress Dashboard ➡️


Flakiness

commands/actions/click.cy.js Flakiness
1 ... > scroll-behavior > can scroll to and click elements in html with scroll-behavior: smooth
2 ... > scroll-behavior > can scroll to and click elements in html with scroll-behavior: smooth
cypress/proxy-logging.cy.ts Flakiness
1 Proxy Logging > request logging > xhr log has response body/status code when xhr response is logged second

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

@marktnoonan marktnoonan marked this pull request as ready for review June 1, 2022 15:58
Copy link
Contributor

@flotwig flotwig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Patch works great, a test would be lovely.

@marktnoonan marktnoonan merged commit 4108ca0 into develop Jun 1, 2022
@marktnoonan marktnoonan deleted the marktnoonan-inline-specs-list-scroll branch June 1, 2022 17:53
tgriesser added a commit that referenced this pull request Jun 1, 2022
…ss-io/cypress into tgriesser/fix/21997-fix-invalid-ts

* 'tgriesser/fix/21997-fix-invalid-ts' of github.com:cypress-io/cypress:
  fix: scroll of inline specs list (#21994)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Inline Specs List in 10.0 Runner is not scrollable
5 participants