adam/shoc-frontend-new
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/shoc-frontend-new.git synced 2026-10-07 11:39:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(work-orders): expose disabled flag name via img role

Browse source
This commit is contained in:
Arthur Bassi 2026-08-31 09:49:09 -03:00
parent bae6d15043
commit 8d44b1868c
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/app/(protected)/workorders/_components/list/table/cells/flag-cell.tsx
View file

@ -17,6 +17,7 @@ export function FlagCell({ color, disabled, onChange }: FlagCellProps) {
if (disabled) { if (disabled) {
return ( return (
<span <span
role="img"
className="flex h-[22px] w-[22px] items-center justify-center opacity-30" className="flex h-[22px] w-[22px] items-center justify-center opacity-30"
aria-label={triggerName} aria-label={triggerName}
> >

2
src/test/app/(protected)/workorders/flag-cell.test.tsx
View file

@ -34,7 +34,7 @@ describe("FlagCell", () => {
const onChange = vi.fn(); const onChange = vi.fn();
render(<FlagCell color="#EF4444" disabled onChange={onChange} />); render(<FlagCell color="#EF4444" disabled onChange={onChange} />);
expect(screen.getByLabelText("Red flag")).toBeInTheDocument(); expect(screen.getByRole("img", { name: "Red flag" })).toBeInTheDocument();
expect(screen.queryByRole("button", { name: "Red flag" })).toBeNull(); expect(screen.queryByRole("button", { name: "Red flag" })).toBeNull();
expect(onChange).not.toHaveBeenCalled(); expect(onChange).not.toHaveBeenCalled();
}); });