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]);
};