diff --git a/src/components/CardHorizontal/CardHorizontal.test.tsx b/src/components/CardHorizontal/CardHorizontal.test.tsx index d5bce1ac0..091d3852a 100644 --- a/src/components/CardHorizontal/CardHorizontal.test.tsx +++ b/src/components/CardHorizontal/CardHorizontal.test.tsx @@ -187,4 +187,18 @@ describe("CardHorizontal Component", () => { expect(windowOpenSpy).not.toHaveBeenCalled(); windowOpenSpy.mockRestore(); }); + + it("should not call onClick when isSelectable is false", () => { + const onClickMock = vitest.fn(); + const { container } = renderCard({ + title: "Test Card", + isSelectable: false, + onButtonClick: onClickMock, + }); + + const wrapper = container.firstChild as HTMLElement; + wrapper.click(); + + expect(onClickMock).not.toHaveBeenCalled(); + }); }); diff --git a/src/components/CardHorizontal/CardHorizontal.tsx b/src/components/CardHorizontal/CardHorizontal.tsx index 6dbd1a5b9..5abdce52b 100644 --- a/src/components/CardHorizontal/CardHorizontal.tsx +++ b/src/components/CardHorizontal/CardHorizontal.tsx @@ -242,7 +242,7 @@ export const CardHorizontal = ({ ...props }: CardHorizontalProps) => { const handleClick = (e: React.MouseEvent) => { - if (disabled) { + if (disabled || !isSelectable) { e.preventDefault(); return; }