diff --git a/ui/src/components/IssueProperties.test.tsx b/ui/src/components/IssueProperties.test.tsx index 8f72726293..6277c22054 100644 --- a/ui/src/components/IssueProperties.test.tsx +++ b/ui/src/components/IssueProperties.test.tsx @@ -130,8 +130,8 @@ vi.mock("../lib/assignees", () => ({ })); vi.mock("./StatusIcon", () => ({ - StatusIcon: ({ status, blockerAttention }: { status: string; blockerAttention?: Issue["blockerAttention"] }) => ( - {status} + StatusIcon: ({ status, blockerAttention, className, size }: { status: string; blockerAttention?: Issue["blockerAttention"]; className?: string; size?: string }) => ( + {status} ), })); @@ -526,6 +526,13 @@ describe("IssueProperties", () => { expect(surface?.classList).toContain("pl-4"); expect(surface?.querySelectorAll('[data-property-section="true"]').length).toBeGreaterThan(1); expect(surface?.querySelector('[data-property-value="true"]')).not.toBeNull(); + const statusVisual = surface?.querySelector( + '[data-property-label="Status"] + [data-property-value="true"] [data-testid="status-icon"]', + ); + expect(statusVisual).not.toBeNull(); + expect(statusVisual?.getAttribute("data-size")).toBe("md"); + expect(statusVisual?.classList).toContain("mx-1"); + expect(statusVisual?.classList).not.toContain("size-6"); expect(surface?.querySelector('[data-property-section="true"] > div')?.classList) .toContain("text-muted-foreground/70"); const projectLabel = surface?.querySelector('[data-property-label="Project"]'); diff --git a/ui/src/components/issue-properties/IssueProperties.tsx b/ui/src/components/issue-properties/IssueProperties.tsx index 1ffb39d231..71570b040e 100644 --- a/ui/src/components/issue-properties/IssueProperties.tsx +++ b/ui/src/components/issue-properties/IssueProperties.tsx @@ -1944,7 +1944,7 @@ export function IssueProperties({ {projectName(issue.projectId)} @@ -2332,7 +2332,7 @@ export function IssueProperties({ onUpdate({ status })} showLabel