diff --git a/src/components/ui/Popover/tests/Popover.lazyMount.test.tsx b/src/components/ui/Popover/tests/Popover.lazyMount.test.tsx new file mode 100644 index 000000000..3cd988bb3 --- /dev/null +++ b/src/components/ui/Popover/tests/Popover.lazyMount.test.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import Popover from '../Popover'; + +describe('Popover lazy mount behavior', () => { + test('does not mount content while closed by default', () => { + render( + + Open + + Hidden popover + + + ); + + expect(screen.getByText('Open')).toBeInTheDocument(); + expect(screen.queryByText('Hidden popover')).not.toBeInTheDocument(); + }); + + test('forceMount keeps content mounted while closed', () => { + render( + + Open + + Mounted popover + + + ); + + expect(screen.getByTestId('popover-content')).toBeInTheDocument(); + expect(screen.getByTestId('popover-content')).toHaveAttribute('data-state', 'closed'); + }); +});