diff --git a/src/renderer/components/common/ContextMenu.test.tsx b/src/renderer/components/common/ContextMenu.test.tsx index 52b43703..85209397 100644 --- a/src/renderer/components/common/ContextMenu.test.tsx +++ b/src/renderer/components/common/ContextMenu.test.tsx @@ -33,7 +33,9 @@ describe("ContextMenu", () => { ); fireEvent.contextMenu(screen.getByRole("button", { name: "Row" })); - fireEvent.click(await screen.findByRole("button", { name: "Stop Run" })); + const stopButton = await screen.findByRole("button", { name: "Stop Run" }); + expect(stopButton).toHaveClass("[--button-bg-hover:var(--row-hover)]"); + fireEvent.click(stopButton); expect(onAction).toHaveBeenCalledWith("stop"); expect(onAction).not.toHaveBeenCalledWith("run"); diff --git a/src/renderer/components/common/ContextMenu.tsx b/src/renderer/components/common/ContextMenu.tsx index 32de8ef3..e6256162 100644 --- a/src/renderer/components/common/ContextMenu.tsx +++ b/src/renderer/components/common/ContextMenu.tsx @@ -114,7 +114,7 @@ function renderDropdownItem( size="sm" variant="ghost" aria-label={item.endAction.label} - className="ml-auto size-5 min-w-0 text-muted hover:text-foreground" + className="ml-auto size-5 min-w-0 text-muted hover:text-foreground [--button-bg-hover:var(--row-hover)]" {...(item.endAction.isDisabled ? { isDisabled: true } : {})} onPress={() => { close();