@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/Checkbox/Checkbox.test.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { StarIcon } from '@amsterdam/design-system-react-icons';
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Checkbox } from './Checkbox';
-import '@testing-library/jest-dom';
-describe('Checkbox', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Checkbox, {}));
-        const wrapper = container.querySelector(':only-child');
-        const input = screen.getByRole('checkbox');
-        const label = container.querySelector('label');
-        expect(wrapper).toBeInTheDocument();
-        expect(wrapper).toBeVisible();
-        expect(input).toBeInTheDocument();
-        expect(input).toBeVisible();
-        expect(label).toBeInTheDocument();
-        expect(label).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Checkbox, {}));
-        const wrapper = container.querySelector(':only-child');
-        const input = screen.getByRole('checkbox');
-        const label = container.querySelector('label');
-        expect(wrapper).toHaveClass('ams-checkbox');
-        expect(input).toHaveClass('ams-checkbox__input');
-        expect(label).toHaveClass('ams-checkbox__label');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Checkbox, { className: "extra" }));
-        const wrapper = container.querySelector(':only-child');
-        expect(wrapper).toHaveClass('ams-checkbox extra');
-    });
-    describe('Checked state', () => {
-        it('is not checked by default', () => {
-            render(_jsx(Checkbox, {}));
-            const input = screen.getByRole('checkbox');
-            expect(input).not.toBeChecked();
-        });
-        it('can have a checked state', () => {
-            const handleChange = () => { };
-            render(_jsx(Checkbox, { checked: true, onChange: handleChange }));
-            const input = screen.getByRole('checkbox');
-            expect(input).toBeChecked();
-        });
-    });
-    describe('Indeterminate state', () => {
-        it('is not indeterminate by default', () => {
-            render(_jsx(Checkbox, {}));
-            const input = screen.getByRole('checkbox');
-            expect(input).not.toBePartiallyChecked();
-        });
-        it('can have an indeterminate state', () => {
-            render(_jsx(Checkbox, { indeterminate: true }));
-            const input = screen.getByRole('checkbox');
-            expect(input).toBePartiallyChecked();
-        });
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            render(_jsx(Checkbox, {}));
-            const input = screen.getByRole('checkbox');
-            expect(input).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            render(_jsx(Checkbox, { invalid: true }));
-            const input = screen.getByRole('checkbox');
-            expect(input).toHaveAttribute('aria-invalid');
-            expect(input).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            render(_jsx(Checkbox, { invalid: false }));
-            const input = screen.getByRole('checkbox');
-            expect(input).not.toHaveAttribute('aria-invalid');
-        });
-    });
-    describe('Disabled state', () => {
-        it('is not disabled by default', () => {
-            render(_jsx(Checkbox, {}));
-            const input = screen.getByRole('checkbox');
-            expect(input).not.toBeDisabled();
-        });
-        it('can have a disabled state', () => {
-            render(_jsx(Checkbox, { disabled: true }));
-            const input = screen.getByRole('checkbox');
-            expect(input).toBeDisabled();
-        });
-    });
-    describe('Disabled invalid state', () => {
-        it('can have a disabled invalid state', () => {
-            render(_jsx(Checkbox, { disabled: true, invalid: true }));
-            const input = screen.getByRole('checkbox');
-            expect(input).toBeDisabled();
-            expect(input).toBeInvalid();
-        });
-    });
-    it('can trigger a change event', () => {
-        const handleChange = jest.fn();
-        render(_jsx(Checkbox, { onChange: handleChange }));
-        const input = screen.getByRole('checkbox');
-        input?.click();
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('does not trigger a change event when disabled', () => {
-        const handleChange = jest.fn();
-        render(_jsx(Checkbox, { disabled: true, onChange: handleChange }));
-        const input = screen.getByRole('checkbox');
-        input?.click();
-        expect(handleChange).not.toHaveBeenCalled();
-    });
-    it('can trigger a change event by clicking on label', () => {
-        const handleChange = jest.fn();
-        const { container } = render(_jsx(Checkbox, { onChange: handleChange }));
-        const label = container.querySelector('label');
-        label?.click();
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('can use a custom id', () => {
-        const handleChange = jest.fn();
-        const { container } = render(_jsx(Checkbox, { id: "test-id", onChange: handleChange }));
-        const input = screen.getByRole('checkbox');
-        expect(input).toHaveAttribute('id', 'test-id');
-        const label = container.querySelector('label');
-        label?.click();
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('shows a custom icon', () => {
-        const { container } = render(_jsx(Checkbox, { icon: _jsx(StarIcon, { className: "test-class" }) }));
-        const icon = container.querySelector('svg');
-        expect(icon).toHaveClass('test-class');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Checkbox, { ref: ref }));
-        const input = screen.getByRole('checkbox');
-        expect(ref.current).toBe(input);
-    });
-});

package/dist/Column/Column.test.d.ts

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

package/dist/Column/Column.test.js

@@ -1,59 +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 { crossAlignOptionsForColumn, mainAlignOptions } from '../common/types';
-import { Column, columnGapSizes, columnTags } from './Column';
-import '@testing-library/jest-dom';
-describe('Column', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Column, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Column, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-column');
-    });
-    columnGapSizes.map((gap) => it(`renders with ‘${gap}’ gap`, () => {
-        const { container } = render(_jsx(Column, { gap: gap }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-column--gap-${gap}`);
-    }));
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Column, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-column extra');
-    });
-    columnTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Column, { "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(Column, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    describe('Alignment', () => {
-        mainAlignOptions.map((align) => it(`sets the ‘${align}’ alignment`, () => {
-            const { container } = render(_jsx(Column, { align: align }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-column--align-${align}`);
-        }));
-        crossAlignOptionsForColumn.map((align) => it(`sets the ‘${align}’ vertical alignment`, () => {
-            const { container } = render(_jsx(Column, { alignHorizontal: align }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveClass(`ams-column--align-horizontal-${align}`);
-        }));
-    });
-});

package/dist/DateInput/DateInput.test.d.ts

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

package/dist/DateInput/DateInput.test.js

@@ -1,58 +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 { DateInput, dateInputTypes } from './DateInput';
-import '@testing-library/jest-dom';
-describe('Date input', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(DateInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(DateInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-date-input');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(DateInput, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-date-input extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(DateInput, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            const { container } = render(_jsx(DateInput, {}));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            const { container } = render(_jsx(DateInput, { invalid: true }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            const { container } = render(_jsx(DateInput, { invalid: false }));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-    describe('Type', () => {
-        dateInputTypes.map((type) => it(`sets the ‘${type}’ type`, () => {
-            const { container } = render(_jsx(DateInput, { type: type }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveAttribute('type', type);
-        }));
-    });
-});

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

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

package/dist/DescriptionList/DescriptionList.test.js

@@ -1,43 +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, descriptionListTermsWidths } from './DescriptionList';
-import '@testing-library/jest-dom';
-describe('Description List', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(DescriptionList, {}));
-        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, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-description-list');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(DescriptionList, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-description-list extra');
-    });
-    descriptionListTermsWidths.map((width) => it(`renders the class name for the ‘${width}’ terms column width`, () => {
-        const { container } = render(_jsx(DescriptionList, { termsWidth: width }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-description-list--${width}`);
-    }));
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(DescriptionList, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(DescriptionList, { color: "inverse" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-description-list--inverse');
-    });
-});

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

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

package/dist/DescriptionList/DescriptionListDescription.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 Description', () => {
-    it('renders', () => {
-        render(_jsx(DescriptionList.Description, { children: "Test" }));
-        const component = screen.getByRole('definition');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(DescriptionList.Description, { children: "Test" }));
-        const component = screen.getByRole('definition');
-        expect(component).toHaveClass('ams-description-list__description');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(DescriptionList.Description, { className: "extra", children: "Test" }));
-        const component = screen.getByRole('definition');
-        expect(component).toHaveClass('ams-description-list__description extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(DescriptionList.Description, { ref: ref, children: "Test" }));
-        const component = screen.getByRole('definition');
-        expect(ref.current).toBe(component);
-    });
-});

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

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

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';