Skip to content

Fix toggle focus ring and harden settings smoke test#121

Merged
menvil merged 1 commit into
developfrom
fix/phase08-review-followups
May 31, 2026
Merged

Fix toggle focus ring and harden settings smoke test#121
menvil merged 1 commit into
developfrom
fix/phase08-review-followups

Conversation

@menvil

@menvil menvil commented May 31, 2026

Copy link
Copy Markdown
Owner

Phase 8 review follow-ups

Verified each review finding against current code; fixed the two valid ones, skipped the rest.

Fixed

  • Toggle focus ring (valid). ca-focus-ring styles .ca-focus-ring:focus-visible on the element itself, but it was on the non-focusable track <span> while the focusable checkbox is peer sr-only — so keyboard focus never showed a ring. Added .peer:focus-visible ~ .ca-focus-ring-peer to theme.css and applied ca-focus-ring-peer to the track. Confirmed present in the compiled CSS bundle.
  • Smoke test guard (valid). Added ->assertHasNoErrors() to the PNG→PDF smoke test before the visibility assertions so a Livewire error can't mask stale UI.

Skipped

  • "goToFormatStep doesn't exist" (invalid). The method exists (DashboardConverter::goToFormatStep, line 87) and the navigation tests pass — the comment is stale.
  • Split number/range test (nitpick). Style-only; the combined test passes and covers both renderers. Kept changes minimal.

composer test (233), lint, build all pass.

🤖 Generated with Claude Code


Summary by cubic

Fixes the toggle focus ring so keyboard users see a visible outline, and hardens the settings smoke test to catch Livewire errors early.

  • Bug Fixes
    • Toggle: added .peer:focus-visible ~ .ca-focus-ring-peer in theme.css and applied ca-focus-ring-peer to the track so focus is visible on the toggle.
    • Settings smoke test: added ->assertHasNoErrors() before visibility checks to surface Livewire failures instead of passing with stale UI.

Written for commit f0f3398. Summary will update on new commits.

Review in cubic

Address Phase 8 review:
- Toggle focus ring was on the non-focusable track span; ca-focus-ring keys on
  the element's own :focus-visible, so it never fired for the hidden peer input.
  Add a .peer:focus-visible ~ .ca-focus-ring-peer rule and apply it to the track.
- Add assertHasNoErrors() to the PNG->PDF smoke test so Livewire failures surface
  instead of leaving stale UI that lets assertSee/assertDontSee pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented May 31, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are limited based on label configuration.

🏷️ Required labels (at least one) (1)
  • release

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 5f7e524b-7b71-4b77-a230-3bebe380c345

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/phase08-review-followups

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@menvil menvil merged commit b519b13 into develop May 31, 2026
3 checks passed
@menvil menvil deleted the fix/phase08-review-followups branch May 31, 2026 17:51
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