diff --git a/.changeset/fluffy-candles-cheat.md b/.changeset/fluffy-candles-cheat.md new file mode 100644 index 00000000000..f9fcd4e31d0 --- /dev/null +++ b/.changeset/fluffy-candles-cheat.md @@ -0,0 +1,5 @@ +--- +'@kaizen/components': patch +--- + +FilterBar: 'Add Filters' button label changed to 'Add filters' to follow guidelines diff --git a/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx b/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx index d38a5777777..65cb691f5fe 100644 --- a/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx +++ b/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx @@ -196,7 +196,7 @@ describe('', () => { expect(queryByText('Topping')).not.toBeInTheDocument() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const list = getByRole('list') @@ -228,7 +228,7 @@ describe('', () => { ) await waitForI18nContent() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const list = getByRole('list') @@ -255,7 +255,7 @@ describe('', () => { expect(filterButton).not.toBeInTheDocument() }) - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const list = getByRole('list') @@ -282,7 +282,7 @@ describe('', () => { ) await waitForI18nContent() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' }) @@ -314,7 +314,7 @@ describe('', () => { ) await waitForI18nContent() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' }) @@ -327,7 +327,7 @@ describe('', () => { const { getByRole } = render( filters={filtersRemovable} />) await waitForI18nContent() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) const menuOptionOthers = getByRole('button', { name: 'Others' }) @@ -353,7 +353,7 @@ describe('', () => { expect(filterButton).not.toBeInTheDocument() }) - expect(getByRole('button', { name: 'Add Filters' })).toHaveFocus() + expect(getByRole('button', { name: 'Add filters' })).toHaveFocus() }) }) @@ -363,7 +363,7 @@ describe('', () => { const { queryByRole, getByRole } = render() await waitForI18nContent() expect(queryByRole('button', { name: 'Topping' })).not.toBeInTheDocument() - expect(getByRole('button', { name: 'Add Filters' })).toBeDisabled() + expect(getByRole('button', { name: 'Add filters' })).toBeDisabled() }) it('clears the value if the filter is not usable', async () => { @@ -426,7 +426,7 @@ describe('', () => { ) await waitForI18nContent() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) expect(addFiltersButton).toBeDisabled() const flavourButton = getByRole('button', { name: 'Flavour' }) @@ -612,7 +612,7 @@ describe('', () => { expect(queryByRole('button', { name: 'Sugar' })).not.toBeInTheDocument() expect(queryByRole('button', { name: 'Ice' })).not.toBeInTheDocument() - const addFiltersButton = getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = getByRole('button', { name: 'Add filters' }) expect(addFiltersButton).toBeDisabled() await user.click(coffeeButton) diff --git a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx index 1cae0c1dcca..4b7c31ed256 100644 --- a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx +++ b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx @@ -48,9 +48,9 @@ describe('', () => { render() await waitFor(() => { - expect(screen.getByRole('button', { name: 'Add Filters' })).toBeVisible() + expect(screen.getByRole('button', { name: 'Add filters' })).toBeVisible() }) - const addFiltersButton = screen.getByRole('button', { name: 'Add Filters' }) + const addFiltersButton = screen.getByRole('button', { name: 'Add filters' }) await user.click(addFiltersButton) await waitFor(() => { @@ -74,7 +74,7 @@ describe('', () => { await waitFor(() => { const addFiltersButton = screen.getByRole('button', { - name: 'Add Filters', + name: 'Add filters', }) expect(addFiltersButton).toBeDisabled() }) diff --git a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx index 36ca0eca566..f11f6d711ad 100644 --- a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx +++ b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx @@ -11,7 +11,7 @@ export const AddFiltersMenu = (): JSX.Element => { const menuButtonLabel = formatMessage({ id: 'filterBar.addFiltersMenu.buttonLabel', - defaultMessage: 'Add Filters', + defaultMessage: 'Add filters', description: 'Menu button label to show additional available filter options', })