@amsterdam/design-system-react 2.1.0 → 3.0.0

package/dist/DescriptionList/DescriptionListSection.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { DescriptionList } from './DescriptionList';
-import '@testing-library/jest-dom';
-describe('Description List Section', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(DescriptionList.Section, { children: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(DescriptionList.Section, { children: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-description-list__section');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(DescriptionList.Section, { className: "extra", children: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-description-list__section extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(DescriptionList.Section, { ref: ref, children: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/DescriptionList/DescriptionListTerm.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/DescriptionList/DescriptionListTerm.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { DescriptionList } from './DescriptionList';
-import '@testing-library/jest-dom';
-describe('Description List Term', () => {
-    it('renders', () => {
-        render(_jsx(DescriptionList.Term, { children: "Test" }));
-        const component = screen.getByRole('term');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(DescriptionList.Term, { children: "Test" }));
-        const component = screen.getByRole('term');
-        expect(component).toHaveClass('ams-description-list__term');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(DescriptionList.Term, { className: "extra", children: "Test" }));
-        const component = screen.getByRole('term');
-        expect(component).toHaveClass('ams-description-list__term extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(DescriptionList.Term, { ref: ref, children: "Test" }));
-        const component = screen.getByRole('term');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Dialog/Dialog.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Dialog/Dialog.test.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Dialog } from './Dialog';
-import '@testing-library/jest-dom';
-describe('Dialog', () => {
-    it('renders', () => {
-        render(_jsx(Dialog, { heading: "Test heading", open: true }));
-        const component = screen.getByRole('dialog');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Dialog, { heading: "Test heading" }));
-        const component = screen.getByRole('dialog', { hidden: true });
-        expect(component).toHaveClass('ams-dialog');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Dialog, { className: "extra", heading: "Test heading" }));
-        const component = screen.getByRole('dialog', { hidden: true });
-        expect(component).toHaveClass('ams-dialog extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Dialog, { heading: "Test heading", ref: ref }));
-        const component = screen.getByRole('dialog', { hidden: true });
-        expect(ref.current).toBe(component);
-    });
-    it('is not visible when open attribute is not used', () => {
-        render(_jsx(Dialog, { heading: "Test heading" }));
-        const component = screen.getByRole('dialog', { hidden: true });
-        expect(component).toBeInTheDocument();
-        expect(component).not.toBeVisible();
-    });
-    it('renders a heading', () => {
-        render(_jsx(Dialog, { heading: "Test heading", open: true }));
-        const heading = screen.getByRole('heading', {
-            name: 'Test heading',
-        });
-        expect(heading).toBeInTheDocument();
-    });
-    it('renders children', () => {
-        const { getByText } = render(_jsx(Dialog, { heading: "Test heading", children: "Test content" }));
-        expect(getByText('Test content')).toBeInTheDocument();
-    });
-    it('renders footer when provided', () => {
-        render(_jsx(Dialog, { footer: _jsx("button", { children: "Click Me" }), heading: "Test heading", open: true }));
-        const footer = screen.getByRole('contentinfo');
-        const button = screen.getByRole('button', {
-            name: 'Click Me',
-        });
-        expect(footer).toBeInTheDocument();
-        expect(button).toBeInTheDocument();
-    });
-    it('does not render footer when not provided', () => {
-        const { container } = render(_jsx(Dialog, { heading: "Test heading" }));
-        const component = container.querySelector('footer');
-        expect(component).not.toBeInTheDocument();
-    });
-    it('renders DialogClose button', () => {
-        render(_jsx(Dialog, { heading: "Test heading", open: true }));
-        const closeButton = screen.getByRole('button', { name: 'Sluiten' });
-        expect(closeButton).toBeInTheDocument();
-    });
-    it('renders a custom close label', () => {
-        render(_jsx(Dialog, { closeButtonLabel: "Close", heading: "Test heading", open: true }));
-        const closeButton = screen.getByRole('button', { name: 'Close' });
-        expect(closeButton).toBeInTheDocument();
-    });
-    it.skip('can be closed with the Close button', () => {
-        // We currently can't test this because dialog isn't properly supported in jsdom
-        // https://github.com/jsdom/jsdom/issues/3294
-    });
-    it.skip('has no accessible content when it is closed', () => {
-        // We currently can't test this because dialog isn't properly supported in jsdom
-        // https://github.com/jsdom/jsdom/issues/3294
-    });
-});

package/dist/ErrorMessage/ErrorMessage.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/ErrorMessage/ErrorMessage.test.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { ErrorMessage } from './ErrorMessage';
-import '@testing-library/jest-dom';
-describe('Error message', () => {
-    it('renders', () => {
-        render(_jsx(ErrorMessage, {}));
-        const component = screen.getByRole('paragraph');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(ErrorMessage, {}));
-        const component = screen.getByRole('paragraph');
-        expect(component).toHaveClass('ams-error-message');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(ErrorMessage, { className: "extra" }));
-        const component = screen.getByRole('paragraph');
-        expect(component).toHaveClass('ams-error-message extra');
-    });
-    it('renders a Dutch prefix by default', () => {
-        render(_jsx(ErrorMessage, {}));
-        const component = screen.getByText('Invoerfout', { exact: false });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a custom prefix', () => {
-        render(_jsx(ErrorMessage, { prefix: "Error" }));
-        const component = screen.getByText('Error', { exact: false });
-        expect(component).toBeInTheDocument();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(ErrorMessage, { ref: ref }));
-        const component = screen.getByRole('paragraph');
-        expect(ref.current).toBe(component);
-    });
-    it('shows an icon', () => {
-        const { container } = render(_jsx(ErrorMessage, {}));
-        const iconWrapper = container.querySelector('.ams-icon');
-        const icon = container.querySelector('svg');
-        expect(iconWrapper).toBeInTheDocument();
-        expect(icon).toBeInTheDocument();
-    });
-    // TODO: we can't currently test this, because we can't pass a class or anything to the SVG
-    // We plan on changing this, so we can test this in the future
-    it.skip('shows a custom icon', () => { });
-});

package/dist/Field/Field.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Field/Field.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { Field } from './Field';
-import '@testing-library/jest-dom';
-describe('Field', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Field, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Field, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-field');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Field, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-field extra');
-    });
-    it('renders with the error class', () => {
-        const { container } = render(_jsx(Field, { invalid: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-field--invalid');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Field, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FieldSet/FieldSet.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/FieldSet/FieldSet.test.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { FieldSet } from './FieldSet';
-import '@testing-library/jest-dom';
-describe('FieldSet', () => {
-    it('renders', () => {
-        render(_jsx(FieldSet, { legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FieldSet, { legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toHaveClass('ams-field-set');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FieldSet, { className: "extra", legend: "Test" }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(component).toHaveClass('ams-field-set extra');
-    });
-    it('renders the correct legend class name', () => {
-        const { container } = render(_jsx(FieldSet, { legend: "Test" }));
-        const component = container.querySelector('legend');
-        expect(component).toHaveClass('ams-field-set__legend');
-    });
-    it('renders the error class', () => {
-        const { container } = render(_jsx(FieldSet, { invalid: true, legend: "Test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-field-set--invalid');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FieldSet, { legend: "Test", ref: ref }));
-        const component = screen.getByRole('group', { name: 'Test' });
-        expect(ref.current).toBe(component);
-    });
-    it('renders the provided hint text after the legend', () => {
-        render(_jsx(FieldSet, { hint: "hint text", legend: "Legend" }));
-        const component = screen.getByRole('group', { name: 'Legend (hint text)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the default hint text after the legend', () => {
-        render(_jsx(FieldSet, { legend: "Legend", optional: true }));
-        const component = screen.getByRole('group', { name: 'Legend (niet verplicht)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the provided hint text after the legend when both `optional` and `hint` props are used', () => {
-        render(_jsx(FieldSet, { hint: "not required", legend: "Legend", optional: true }));
-        const component = screen.getByRole('group', { name: 'Legend (not required)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the provided hint text after the legend while `optional` is set to `false`', () => {
-        render(_jsx(FieldSet, { hint: "required", legend: "Legend", optional: false }));
-        const component = screen.getByRole('group', { name: 'Legend (required)' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a heading in the legend', () => {
-        render(_jsx(FieldSet, { legend: "Legend", legendIsPageHeading: true }));
-        const heading = screen.getByRole('heading', {
-            name: 'Legend',
-        });
-        expect(heading).toBeInTheDocument();
-    });
-});

package/dist/Figure/Figure.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Figure/Figure.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Figure } from './Figure';
-import '@testing-library/jest-dom';
-describe('Figure', () => {
-    it('renders', () => {
-        render(_jsx(Figure, {}));
-        const component = screen.getByRole('figure');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Figure, {}));
-        const component = screen.getByRole('figure');
-        expect(component).toHaveClass('ams-figure');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Figure, { className: "extra" }));
-        const component = screen.getByRole('figure');
-        expect(component).toHaveClass('ams-figure extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Figure, { ref: ref }));
-        const component = screen.getByRole('figure');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Figure/FigureCaption.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Figure/FigureCaption.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { FigureCaption } from './FigureCaption';
-import '@testing-library/jest-dom';
-describe('Figure Caption', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(FigureCaption, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(FigureCaption, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption');
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(FigureCaption, { color: "inverse", children: "Caption" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption--inverse');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(FigureCaption, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-figure__caption extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(FigureCaption, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileInput/FileInput.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/FileInput/FileInput.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { FileInput } from './FileInput';
-import '@testing-library/jest-dom';
-describe('File input', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(FileInput, {}));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(FileInput, {}));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toHaveClass('ams-file-input');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(FileInput, { className: "extra" }));
-        const component = container.querySelector('input[type="file"]');
-        expect(component).toHaveClass('ams-file-input extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(FileInput, { ref: ref }));
-        const component = container.querySelector('input[type="file"]');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileList/FileList.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/FileList/FileList.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { FileList } from './FileList';
-import '@testing-library/jest-dom';
-describe('FileList', () => {
-    it('renders', () => {
-        render(_jsx(FileList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FileList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-file-list');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FileList, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-file-list extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FileList, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/FileList/FileListItem.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/FileList/FileListItem.test.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { fireEvent, render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import '@testing-library/jest-dom';
-import { FileListItem } from './FileListItem';
-describe('FileListItem', () => {
-    const file = new File(['sample content'], 'sample.txt', { type: 'text/plain' });
-    it('renders', () => {
-        render(_jsx(FileListItem, { file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(FileListItem, { file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-file-list__item');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(FileListItem, { className: "extra", file: file }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-file-list__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(FileListItem, { file: file, ref: ref }));
-        const component = screen.getByRole('listitem');
-        expect(ref.current).toBe(component);
-    });
-    it('renders the file name', () => {
-        render(_jsx(FileListItem, { file: file }));
-        expect(screen.getByText('sample.txt')).toBeInTheDocument();
-    });
-    it('calls onDelete when the remove button is clicked', () => {
-        const onDelete = jest.fn();
-        render(_jsx(FileListItem, { file: file, onDelete: onDelete }));
-        fireEvent.click(screen.getByRole('button'));
-        expect(onDelete).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/Grid/Grid.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';

package/dist/Grid/Grid.test.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { ariaRoleForTag } from '../common/accessibility';
-import { Grid, gridGaps, gridPaddings, gridTags } from './Grid';
-import '@testing-library/jest-dom';
-describe('Grid', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Grid, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Grid, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Grid, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid extra');
-    });
-    gridGaps.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical gap`, () => {
-            const { container } = render(_jsx(Grid, { gapVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--gap-vertical--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} bottom padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingBottom: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-bottom--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} top padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingTop: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-top--${size}`);
-        });
-    });
-    gridPaddings.forEach((size) => {
-        it(`renders the correct class name for a ${size} vertical padding`, () => {
-            const { container } = render(_jsx(Grid, { paddingVertical: size }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-grid--padding-vertical--${size}`);
-        });
-    });
-    gridTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Grid, { "aria-label": tag === 'section' ? 'Accessible name' : undefined, as: tag }));
-            const component = tag === 'div' ? container.querySelector(tag) : screen.getByRole(ariaRoleForTag[tag]);
-            expect(component).toBeInTheDocument();
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Grid, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Grid/GridCell.test.d.ts

@@ -1,5 +0,0 @@
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';