diff --git a/packages/kbn-grouping/src/components/group_selector/index.test.tsx b/packages/kbn-grouping/src/components/group_selector/index.test.tsx index 9f09e3b26ea49..861c77d80bafe 100644 --- a/packages/kbn-grouping/src/components/group_selector/index.test.tsx +++ b/packages/kbn-grouping/src/components/group_selector/index.test.tsx @@ -73,6 +73,14 @@ describe('group selector', () => { const { getByTestId } = render(); expect(getByTestId('group-selector-dropdown').textContent).toBe('Group alerts by: Rule name'); }); + it('Sets the Group by title from the title prop', () => { + const { getByTestId } = render( + + ); + expect(getByTestId('group-selector-dropdown').textContent).toBe( + 'Group custom property by: Rule name' + ); + }); it('Presents correct option when group selector dropdown is clicked', () => { const { getByTestId } = render(); fireEvent.click(getByTestId('group-selector-dropdown')); diff --git a/packages/kbn-grouping/src/hooks/use_get_group_selector.test.tsx b/packages/kbn-grouping/src/hooks/use_get_group_selector.test.tsx index 1ebd2b5a18174..0448ed6df6194 100644 --- a/packages/kbn-grouping/src/hooks/use_get_group_selector.test.tsx +++ b/packages/kbn-grouping/src/hooks/use_get_group_selector.test.tsx @@ -376,6 +376,17 @@ describe('Group Selector Hooks', () => { type: ActionType.updateGroupOptions, }); }); + + it('Supports custom group by title', () => { + const result = renderHook(() => + useGetGroupSelector({ + ...defaultArgs, + title: 'Group custom property by', + }) + ); + + expect(result.result.current.props.title).toEqual('Group custom property by'); + }); }); describe('useGetGroupSelectorStateless', () => { diff --git a/packages/kbn-grouping/src/hooks/use_get_group_selector.tsx b/packages/kbn-grouping/src/hooks/use_get_group_selector.tsx index 14f010640ef12..2bb7423c3bd93 100644 --- a/packages/kbn-grouping/src/hooks/use_get_group_selector.tsx +++ b/packages/kbn-grouping/src/hooks/use_get_group_selector.tsx @@ -211,8 +211,9 @@ export const useGetGroupSelector = ({ fields, maxGroupingLevels, options, + title, }} /> ); - }, [groupingId, fields, maxGroupingLevels, onChange, selectedGroups, options]); + }, [groupingId, fields, maxGroupingLevels, onChange, selectedGroups, options, title]); };