Skip to content

test(e2e): add approval, palette and theme browser specs - #68

Merged
TheGreatAxios merged 2 commits into
cl-9126-react-ui-add-tiny-vite-host-harness-for-playwright-e2efrom
cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks
Sep 27, 2026
Merged

TheGreatAxios merged 2 commits into
cl-9126-react-ui-add-tiny-vite-host-harness-for-playwright-e2efrom
cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks

Conversation

@TheGreatAxios

@TheGreatAxios TheGreatAxios commented Sep 25, 2026 •

Copy link
Copy Markdown
Contributor

Stacked on #67 (harness); merge that first.

Summary

  • ApprovalCard: approve and reject each fire their callback once. In a non-idle state, both buttons are disabled and force-clicks fire nothing.
  • CommandPalette: arrow keys move the selection and Enter fires the command. Tab stays inside the open dialog, and Escape returns focus to the opener. CommandPalette now records its opener and restores focus on close, because it has no Radix trigger to return to; with no opener captured, Radix's default is left alone.
  • Theme: screenshots of text-free token swatches for light, .dark, and OS-dark emulation with no class, plus ThemeToggle flipping light to dark. One baseline per state works on every OS.

Verification

bun run check, bun run build and bun run test:e2e pass (9 Playwright tests). The focus-return spec fails without the command-palette.tsx fix.

Closes CL-9152
Closes CL-9148
Closes CL-9144

@TheGreatAxios
TheGreatAxios force-pushed the cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks branch from 94e392a to 765d4da Compare September 25, 2026 21:55
@TheGreatAxios TheGreatAxios changed the title Browser specs for ApprovalCard, CommandPalette and theme tokens Add browser specs for ApprovalCard, CommandPalette and theme tokens Sep 26, 2026
@TheGreatAxios
TheGreatAxios force-pushed the cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks branch from 765d4da to 7ed965b Compare September 26, 2026 01:32
@TheGreatAxios TheGreatAxios changed the title Add browser specs for ApprovalCard, CommandPalette and theme tokens test(e2e): add approval, palette and theme browser specs Sep 26, 2026
@TheGreatAxios
TheGreatAxios added this pull request to stack #75 September 26, 2026 01:57
@TheGreatAxios
TheGreatAxios force-pushed the cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks branch from 7ed965b to 53f37b2 Compare September 27, 2026 19:08
The palette has no Radix trigger, so Radix restored focus to nothing
and it fell to the body.
@TheGreatAxios
TheGreatAxios force-pushed the cl-9152-react-ui-add-e2e-for-approvalcard-approvereject-callbacks branch from 53f37b2 to b4aaee9 Compare September 27, 2026 19:11
@TheGreatAxios
TheGreatAxios merged commit 578a98c into main Sep 27, 2026
3 of 4 checks passed
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.

1 participant