Skip to content

fix: skip Pixel-flaky menu/spinner/icon/progress-bar motion, fix VSCodeParity Menu capture - #1085

Merged
EhabY merged 2 commits into
mainfrom
ci/pixel-skip-menu-motion
Aug 25, 2026
Merged

fix: skip Pixel-flaky menu/spinner/icon/progress-bar motion, fix VSCodeParity Menu capture#1085
EhabY merged 2 commits into
mainfrom
ci/pixel-skip-menu-motion

Conversation

@EhabY

@EhabY EhabY commented Aug 18, 2026

Copy link
Copy Markdown
Collaborator

Summary

Reduce Pixel snapshot and CI flakiness:

  • Disable menu, spinner, spinning-icon, and indeterminate-progress animations during Pixel captures.
  • Capture both menus in the VS Code parity story from the first paint.
  • Report the PR head SHA to Pixel instead of GitHub's synthetic merge SHA.
  • Cache Playwright Chromium and install it without --with-deps, avoiding the unstable Ubuntu apt mirror.

This pull request was updated by Coder Agents on behalf of @EhabY.

@EhabY
EhabY force-pushed the ci/pixel-skip-menu-motion branch 2 times, most recently from 63dcec6 to a12b734 Compare August 18, 2026 12:48
@EhabY EhabY changed the title fix: skip menu open/close motion during Pixel captures fix: skip Pixel-flaky menu/spinner/icon/progress-bar motion, fix VSCodeParity Menu capture Aug 18, 2026
@EhabY
EhabY force-pushed the ci/pixel-skip-menu-motion branch from a12b734 to b6f128a Compare August 18, 2026 13:03
@EhabY
EhabY requested a review from aslilac August 19, 2026 15:18
@EhabY
EhabY force-pushed the ci/pixel-skip-menu-motion branch 2 times, most recently from 3b007ef to 955c086 Compare August 24, 2026 12:26
EhabY and others added 2 commits August 25, 2026 12:49
…deParity Menu capture

CSS animations are a likely source of flaky Pixel diffs: a capture can land
mid-animation depending on timing, and infinite animations (spinner
rotation, icon spin, indeterminate progress-bar travel) are never
fast-forwarded by Playwright's animations:"disabled", so they freeze at
whatever frame happens to be current. isPixel() (from @coder/pixel-storybook)
is the documented hook for this but was unused anywhere in the repo;
preview.ts now sets a data-pixel attribute from it so each component's CSS
can zero out its animation only during captures.

Also:
- ci.yaml now reports the real PR head commit to Pixel (PIXEL_COMMIT)
  instead of GitHub's synthetic pull_request merge SHA, which changes on
  every run and was never seen on a prior build of the same PR.
- The VSCodeParity "Menu" story was only capturing our DropdownMenu, not
  the VscodeContextMenu reference beside it. Switching to defaultOpen with
  an invisible trigger anchor renders both from the first paint, matching
  the reference's always-open show prop, and drops the unneeded visible
  "Menu" button from the comparison.
@EhabY
EhabY force-pushed the ci/pixel-skip-menu-motion branch from 955c086 to 8fbf738 Compare August 25, 2026 09:49
@EhabY
EhabY merged commit 3449c8b into main Aug 25, 2026
12 checks passed
@EhabY
EhabY deleted the ci/pixel-skip-menu-motion branch August 25, 2026 22:53
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.

2 participants