Add integration tests for App.tsx with accessible HP status labels
3 integration tests render the full <App /> and exercise multi-component flows: add/remove combatant, turn tracking across two combatants, and HP adjustment with unconscious state. Add aria-label to the clickable HP button so tests query accessible names instead of CSS classes. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -244,6 +244,7 @@ function ClickableHp({
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setPopoverOpen(true)}
|
||||
aria-label={`Current HP: ${currentHp} (${status})`}
|
||||
className={cn(
|
||||
"inline-block h-7 min-w-[3ch] text-center font-medium text-sm tabular-nums leading-7 transition-colors hover:text-hover-neutral",
|
||||
status === "bloodied" && "text-amber-400",
|
||||
|
||||
Reference in New Issue
Block a user