diff --git a/package.json b/package.json index 83288cbc..10d1e2d3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/amplify-component-lib", - "version": "9.7.2", + "version": "9.7.3", "description": "Frontend Typescript components for the Amplify team", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/src/organisms/Filter/QuickFilter.test.tsx b/src/organisms/Filter/QuickFilter.test.tsx index 09861553..b6128098 100644 --- a/src/organisms/Filter/QuickFilter.test.tsx +++ b/src/organisms/Filter/QuickFilter.test.tsx @@ -62,3 +62,31 @@ test('Sets active like expected', async () => { expect(onQuickFilter).toHaveBeenCalledWith(key, item); }); + +test('Label works as expected', () => { + const label = faker.airline.airplane().name; + const items = { + [faker.lorem.word()]: new Array(faker.number.int({ min: 1, max: 5 })) + .fill(0) + .map(() => { + return { + value: faker.string.uuid(), + label: faker.string.uuid(), + }; + }), + }; + const key = Object.keys(items)[0]; + const onQuickFilter = vi.fn(); + render( + + ); + + expect(screen.getByRole('button', { name: label })).toBeInTheDocument(); +}); diff --git a/src/organisms/Filter/QuickFilter.tsx b/src/organisms/Filter/QuickFilter.tsx index 1b0273d4..a0b21bbd 100644 --- a/src/organisms/Filter/QuickFilter.tsx +++ b/src/organisms/Filter/QuickFilter.tsx @@ -11,12 +11,14 @@ interface QuickFilterProps { values: FilterProps['values']; items: Record; onQuickFilter: (key: T, value: SelectOptionRequired) => void; + label?: string; } export function QuickFilter({ values, items, onQuickFilter, + label = 'Quick filter', }: QuickFilterProps) { const [isOpen, setIsOpen] = useState(false); @@ -38,7 +40,7 @@ export function QuickFilter({ )} > - Quick filter + {label}