@amsterdam/design-system-react 2.1.0 → 2.2.0

package/dist/Card/Card.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 { Card } from './Card';
-import '@testing-library/jest-dom';
-describe('Card', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Card, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Card, {}));
-        const component = screen.getByRole('article');
-        expect(component).toHaveClass('ams-card');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Card, { className: "extra" }));
-        const component = screen.getByRole('article');
-        expect(component).toHaveClass('ams-card extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Card, { ref: ref }));
-        const component = screen.getByRole('article');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardHeading.test.d.ts

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

package/dist/Card/CardHeading.test.js

@@ -1,38 +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 { CardHeading } from './CardHeading';
-import '@testing-library/jest-dom';
-describe('Card Heading', () => {
-    it('renders', () => {
-        render(_jsx(CardHeading, { level: 1 }));
-        const component = screen.getByRole('heading');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CardHeading, { level: 2 }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-card__heading');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CardHeading, { className: "extra", level: 3 }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-card__heading extra');
-    });
-    it('renders the correct size level class', () => {
-        render(_jsx(CardHeading, { level: 3, size: "level-1", children: "Size level 1" }));
-        const component = screen.getByRole('heading');
-        expect(component).toHaveClass('ams-heading--1');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CardHeading, { level: 4, ref: ref }));
-        const component = screen.getByRole('heading');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardHeadingGroup.test.d.ts

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

package/dist/Card/CardHeadingGroup.test.js

@@ -1,38 +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 { CardHeadingGroup } from './CardHeadingGroup';
-import '@testing-library/jest-dom';
-describe('Card heading group', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(CardHeadingGroup, { tagline: "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(CardHeadingGroup, { tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__heading-group');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(CardHeadingGroup, { className: "extra", tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__heading-group extra');
-    });
-    it('renders a tagline', () => {
-        render(_jsx(CardHeadingGroup, { tagline: "tagline" }));
-        const tagline = screen.getByText('tagline');
-        expect(tagline).toBeInTheDocument();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(CardHeadingGroup, { ref: ref, tagline: "test" }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardImage.test.d.ts

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

package/dist/Card/CardImage.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 { CardImage } from './CardImage';
-import '@testing-library/jest-dom';
-describe('Card Image', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(CardImage, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(CardImage, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__image');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(CardImage, { alt: "", className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-card__image extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(CardImage, { alt: "", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Card/CardLink.test.d.ts

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

package/dist/Card/CardLink.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 { CardLink } from './CardLink';
-import '@testing-library/jest-dom';
-describe('Card link', () => {
-    it('renders', () => {
-        render(_jsx(CardLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CardLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-card__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CardLink, { className: "extra", href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-card__link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CardLink, { href: "/", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/CharacterCount/CharacterCount.test.d.ts

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

package/dist/CharacterCount/CharacterCount.test.js

@@ -1,38 +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 { CharacterCount } from './CharacterCount';
-import '@testing-library/jest-dom';
-describe('Character count', () => {
-    it('renders', () => {
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(CharacterCount, { className: "extra", length: 10, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count extra');
-    });
-    it('renders an error class when length is larger than maxLength', () => {
-        render(_jsx(CharacterCount, { length: 101, maxLength: 100 }));
-        const component = screen.getByRole('status');
-        expect(component).toHaveClass('ams-character-count--error');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(CharacterCount, { length: 10, maxLength: 100, ref: ref }));
-        const component = screen.getByRole('status');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Checkbox/Checkbox.test.d.ts

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

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