Skip to content

misc: Improved the hitbox of grouped commands caret#32783

Merged
jennifer-shehane merged 6 commits into
developfrom
fix-command-group-expand-hitbox
Oct 22, 2025
Merged

misc: Improved the hitbox of grouped commands caret#32783
jennifer-shehane merged 6 commits into
developfrom
fix-command-group-expand-hitbox

Conversation

@jennifer-shehane
Copy link
Copy Markdown
Member

@jennifer-shehane jennifer-shehane commented Oct 21, 2025

Additional details

Expands the hitbox of the collapse of grouped commands.

Before

Image

After

Screenshot 2025-10-21 at 2 36 42 PM
Screen.Recording.2025-10-21.at.2.36.52.PM.mov

I added a snapshot for nested grouped commands to Percy also:

Screenshot 2025-10-22 at 10 19 30 AM

Steps to test

How has the user experience changed?

PR Tasks


Note

Widens the grouped command caret hitbox in the reporter, adds grouped-commands snapshot test, disables spinner animation in snapshots, and updates the changelog.

  • Reporter UI (styles):
    • Expand click target for grouped command expander by adjusting commands.scss (.command-expander-column-group width/padding/margins; shift .command-wrapper-text-group to margin-left).
  • Snapshots:
    • In packages/app/cypress/e2e/runner/support/snapshot-reporter.ts, stop active test title spinner animation via '.runnable-active .runnable-state-icon animate' override.
  • Tests:
    • Add "grouped commands" e2e test in ui-states.cy.ts and fixture spec system-tests/.../commands.cy.js; capture Percy snapshot via snapshotReporter().
  • Changelog:
    • Note widened hitbox for grouped command expansion in cli/CHANGELOG.md.

Written by Cursor Bugbot for commit 516f5de. This will update automatically on new commits. Configure here.

@jennifer-shehane jennifer-shehane self-assigned this Oct 21, 2025
Comment thread packages/reporter/src/commands/commands.scss
@cypress
Copy link
Copy Markdown

cypress Bot commented Oct 21, 2025

cypress    Run #66737

Run Properties:  status check passed Passed #66737  •  git commit 516f5de091: Merge branch 'develop' into fix-command-group-expand-hitbox
Project cypress
Branch Review fix-command-group-expand-hitbox
Run status status check passed Passed #66737
Run duration 22m 04s
Commit git commit 516f5de091: Merge branch 'develop' into fix-command-group-expand-hitbox
Committer Jennifer Shehane
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 11
Tests that did not run due to a developer annotating a test with .skip  Pending 1102
Tests that did not run due to a failure in a mocha hook  Skipped 4
Tests that passed  Passing 26752
View all changes introduced in this branch ↗︎

Warning

Partial Report: The results for the Application Quality reports may be incomplete.

UI Coverage  45.89%
  Untested elements 186  
  Tested elements 162  
Accessibility  97.98%
  Failed rules  4 critical   8 serious   2 moderate   2 minor
  Failed elements 101  

cursor[bot]

This comment was marked as outdated.

cursor[bot]

This comment was marked as outdated.

Comment thread packages/app/cypress/e2e/runner/support/snapshot-reporter.ts
@jennifer-shehane jennifer-shehane merged commit 27254c2 into develop Oct 22, 2025
90 of 93 checks passed
@jennifer-shehane jennifer-shehane deleted the fix-command-group-expand-hitbox branch October 22, 2025 18:27
@cypress-bot
Copy link
Copy Markdown
Contributor

cypress-bot Bot commented Nov 4, 2025

Released in 15.6.0.

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

@cypress-bot cypress-bot Bot locked as resolved and limited conversation to collaborators Nov 4, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Hitbox for expand/collapse of Command Groups doesn't cover entire chevron area.

2 participants