diff --git a/packages/module/src/BulkSelect/BulkSelect.test.tsx b/packages/module/src/BulkSelect/BulkSelect.test.tsx index b1de4c74..6623dc75 100644 --- a/packages/module/src/BulkSelect/BulkSelect.test.tsx +++ b/packages/module/src/BulkSelect/BulkSelect.test.tsx @@ -1,4 +1,5 @@ -import { render } from '@testing-library/react'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; import BulkSelect from './BulkSelect'; describe('BulkSelect component', () => { @@ -14,4 +15,29 @@ describe('BulkSelect component', () => { onSelect={() => null} />)).toMatchSnapshot(); }); + + test('should render with dropdownListProps', async () => { + const user = userEvent.setup(); + render( + null} + dropdownListProps={{ className: 'custom-dropdown-list' }} + /> + ); + + // Open the dropdown by clicking the toggle button + const toggleButton = screen.getByLabelText('Bulk select toggle'); + await user.click(toggleButton); + + // Now the dropdown list should be visible with the custom class + const dropdownList = document.querySelector('.custom-dropdown-list'); + expect(dropdownList).toBeInTheDocument(); + expect(dropdownList).toHaveClass('pf-v6-c-menu__list'); + }); }); \ No newline at end of file diff --git a/packages/module/src/BulkSelect/BulkSelect.tsx b/packages/module/src/BulkSelect/BulkSelect.tsx index 64466ec8..85211817 100644 --- a/packages/module/src/BulkSelect/BulkSelect.tsx +++ b/packages/module/src/BulkSelect/BulkSelect.tsx @@ -4,6 +4,7 @@ import { Dropdown, DropdownItem, DropdownList, + DropdownListProps, DropdownProps, MenuToggle, MenuToggleCheckbox, @@ -44,6 +45,8 @@ export interface BulkSelectProps extends Omit; + /** Additional props for DropdownList */ + dropdownListProps?: Omit; } export const BulkSelect: FC = ({ @@ -57,6 +60,7 @@ export const BulkSelect: FC = ({ ouiaId = 'BulkSelect', onSelect, menuToggleCheckboxProps, + dropdownListProps, ...props }: BulkSelectProps) => { const [ isOpen, setOpen ] = useState(false); @@ -129,7 +133,7 @@ export const BulkSelect: FC = ({ )} {...props} > - {splitButtonDropdownItems} + {splitButtonDropdownItems} ) ); };