diff --git a/packages/@react-aria/tag/src/useTagGroup.ts b/packages/@react-aria/tag/src/useTagGroup.ts index 745325bcaf2..11b32c9508a 100644 --- a/packages/@react-aria/tag/src/useTagGroup.ts +++ b/packages/@react-aria/tag/src/useTagGroup.ts @@ -114,7 +114,7 @@ export function useTagGroup(props: AriaTagGroupOptions, state: ListState ) }; + +export const EmptyTagGroup: Story = { + render: (props: TagGroupProps) => ( + + 'No categories.'}> + {[]} + + + ) +}; diff --git a/packages/react-aria-components/test/TagGroup.test.js b/packages/react-aria-components/test/TagGroup.test.js index d227029294f..2dad220810a 100644 --- a/packages/react-aria-components/test/TagGroup.test.js +++ b/packages/react-aria-components/test/TagGroup.test.js @@ -306,6 +306,7 @@ describe('TagGroup', () => { let grid = getByTestId('list'); expect(grid).toHaveAttribute('data-empty', 'true'); expect(grid).toHaveTextContent('No results'); + expect(grid).toHaveAttribute('role', 'group'); }); it('supports tooltips', async function () {