diff --git a/packages/circuit-ui/components/Popover/Popover.spec.tsx b/packages/circuit-ui/components/Popover/Popover.spec.tsx index 261a6013ea..5966f49707 100644 --- a/packages/circuit-ui/components/Popover/Popover.spec.tsx +++ b/packages/circuit-ui/components/Popover/Popover.spec.tsx @@ -104,7 +104,7 @@ describe('Popover', () => { { type: 'divider' }, ], isOpen: true, - toggleOpen: jest.fn(), + onToggle: jest.fn(), }; describe('styles', () => { @@ -144,7 +144,7 @@ describe('Popover', () => { userEvent.click(document.body); - expect(baseProps.toggleOpen).toHaveBeenCalled(); + expect(baseProps.onToggle).toHaveBeenCalledTimes(1); }); it('should close popover when clicking the trigger element', async () => { @@ -158,7 +158,7 @@ describe('Popover', () => { userEvent.click(popoverTrigger); - expect(baseProps.toggleOpen).toHaveBeenCalled(); + expect(baseProps.onToggle).toHaveBeenCalledTimes(1); }); it('should close popover when clicking the ESC key', async () => { @@ -172,7 +172,7 @@ describe('Popover', () => { key: 'Escape', }); - expect(baseProps.toggleOpen).toHaveBeenCalled(); + expect(baseProps.onToggle).toHaveBeenCalledTimes(1); }); /** diff --git a/packages/circuit-ui/components/Popover/Popover.stories.tsx b/packages/circuit-ui/components/Popover/Popover.stories.tsx index 90c943604b..6adec60240 100644 --- a/packages/circuit-ui/components/Popover/Popover.stories.tsx +++ b/packages/circuit-ui/components/Popover/Popover.stories.tsx @@ -56,16 +56,13 @@ const actions = [ ]; export const Base = (args: PopoverProps): JSX.Element => { - const [isOpen, setOpen] = useState(false); - const handleClick = () => { - setOpen((prev) => !prev); - }; + const [isOpen, setOpen] = useState(true); return ( (