@amsterdam/design-system-react 2.1.0 → 3.0.0

package/dist/InvalidFormAlert/InvalidFormAlert.test.d.ts

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

package/dist/InvalidFormAlert/InvalidFormAlert.test.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen, waitFor } from '@testing-library/react';
-import { createRef } from 'react';
-import { InvalidFormAlert } from './InvalidFormAlert';
-import '@testing-library/jest-dom';
-describe('Invalid Form Alert', () => {
-    const testErrors = [
-        { id: '#', label: 'Vul een geldige datum in (bijvoorbeeld 6 januari 2030).' },
-        { id: '#', label: 'De geldigheidsdatum van uw paspoort moet in de toekomst liggen.' },
-    ];
-    it('renders', () => {
-        const { container } = render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('does not render when there are no errors', () => {
-        const { container } = render(_jsx(InvalidFormAlert, { errors: [], headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).not.toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-invalid-form-alert');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(InvalidFormAlert, { className: "extra", errors: testErrors, headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-invalid-form-alert extra');
-    });
-    it('renders a list item and link for every error', () => {
-        render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-        const listItems = screen.getAllByRole('listitem');
-        const links = screen.getAllByRole('link');
-        expect(listItems.length).toBe(2);
-        expect(links.length).toBe(2);
-    });
-    it('renders a link with the correct name and href for every error', () => {
-        render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-        const link1 = screen.getByRole('link', { name: testErrors[0].label });
-        const link2 = screen.getByRole('link', { name: testErrors[1].label });
-        expect(link1).toHaveAttribute('href', testErrors[0].id);
-        expect(link2).toHaveAttribute('href', testErrors[1].id);
-    });
-    it('renders a custom heading', () => {
-        render(_jsx(InvalidFormAlert, { errors: testErrors, heading: "Test heading", headingLevel: 2 }));
-        const component = screen.getByRole('heading', { name: 'Test heading' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the correct heading level', () => {
-        render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 4 }));
-        const component = screen.getByRole('heading', { level: 4 });
-        expect(component).toBeInTheDocument();
-    });
-    const docTitle = 'Document title';
-    const singleTestError = [{ id: '#', label: 'De geldigheidsdatum van uw paspoort moet in de toekomst liggen.' }];
-    describe('prepends the document title with the error count', () => {
-        it('single error', async () => {
-            document.title = docTitle;
-            render(_jsx(InvalidFormAlert, { errors: singleTestError, headingLevel: 2 }));
-            await waitFor(() => expect(document.title).toBe(`(1 invoerfout) ${docTitle}`));
-        });
-        it('multiple errors', async () => {
-            document.title = docTitle;
-            render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-            await waitFor(() => expect(document.title).toBe(`(2 invoerfouten) ${docTitle}`));
-        });
-    });
-    describe('renders a custom document title label', () => {
-        const label = { plural: 'errors', singular: 'error' };
-        it('no errors', async () => {
-            document.title = docTitle;
-            render(_jsx(InvalidFormAlert, { errors: [], headingLevel: 2 }));
-            await waitFor(() => expect(document.title).toBe(docTitle));
-        });
-        it('single error', async () => {
-            document.title = docTitle;
-            render(_jsx(InvalidFormAlert, { errorCountLabel: label, errors: singleTestError, headingLevel: 2 }));
-            await waitFor(() => expect(document.title).toBe(`(1 error) ${docTitle}`));
-        });
-        it('multiple errors', async () => {
-            document.title = docTitle;
-            render(_jsx(InvalidFormAlert, { errorCountLabel: label, errors: testErrors, headingLevel: 2 }));
-            await waitFor(() => expect(document.title).toBe(`(2 errors) ${docTitle}`));
-        });
-    });
-    it('has focus on render', async () => {
-        const { container } = render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveFocus();
-    });
-    it('can disable automatic focus', async () => {
-        const { container } = render(_jsx(InvalidFormAlert, { errors: testErrors, focusOnRender: false, headingLevel: 2 }));
-        const component = container.querySelector(':only-child');
-        expect(component).not.toHaveFocus();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(InvalidFormAlert, { errors: testErrors, headingLevel: 2, ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Label/Label.test.d.ts

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

package/dist/Label/Label.test.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Label } from './Label';
-import '@testing-library/jest-dom';
-describe('Label', () => {
-    it('renders an HTML label element', () => {
-        const { container } = render(_jsx(Label, { htmlFor: "form-control" }));
-        const label = container.querySelector('label:only-child');
-        expect(label).toBeInTheDocument();
-        expect(label).toBeVisible();
-    });
-    it('renders an HTML label element with for attribute', () => {
-        const { container } = render(_jsx(Label, { htmlFor: "form-control" }));
-        const label = container.querySelector('label[for="form-control"]:only-child');
-        expect(label).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Label, { htmlFor: "form-control" }));
-        const label = container.querySelector(':only-child');
-        expect(label).toHaveClass('ams-label');
-    });
-    it('renders rich text content', () => {
-        const { container } = render(_jsxs(Label, { htmlFor: "form-control", children: [_jsx("strong", { children: "Current" }), " password"] }));
-        const label = container.querySelector(':only-child');
-        const richText = label?.querySelector('strong');
-        expect(richText).toBeInTheDocument();
-    });
-    it('can be associated with an HTML form input', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx("input", { id: "email", type: "email" })] }));
-        const textbox = screen.getByRole('textbox', {
-            name: 'Email',
-        });
-        expect(textbox).toBeInTheDocument();
-        expect(textbox).toBeVisible();
-    });
-    it('can be hidden', () => {
-        const { container } = render(_jsx(Label, { hidden: true, htmlFor: "form-control" }));
-        const label = container.querySelector(':only-child');
-        expect(label).not.toBeVisible();
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Label, { className: "extra", htmlFor: "form-control" }));
-        const label = container.querySelector(':only-child');
-        expect(label).toHaveClass('ams-label extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Label, { htmlFor: "form-control", ref: ref }));
-        const div = container.querySelector(':only-child');
-        expect(ref.current).toBe(div);
-    });
-    it('renders the provided hint text after the label', () => {
-        const { container } = render(_jsx(Label, { hint: "hint text", htmlFor: "form-control", children: "Label" }));
-        const label = container.querySelector('label:only-child');
-        expect(label).toHaveTextContent('Label (hint text)');
-    });
-    it('renders the default hint text after the label', () => {
-        const { container } = render(_jsx(Label, { htmlFor: "form-control", optional: true, children: "Label" }));
-        const label = container.querySelector('label:only-child');
-        expect(label).toHaveTextContent('Label (niet verplicht)');
-    });
-    it('renders the provided hint text after the label when `optional` is set to `false`', () => {
-        const { container } = render(_jsx(Label, { hint: "not required", htmlFor: "form-control", optional: true, children: "Label" }));
-        const label = container.querySelector('label:only-child');
-        expect(label).toHaveTextContent('Label (not required)');
-    });
-    it('renders the provided hint text after the label while `optional` is set to `false`', () => {
-        const { container } = render(_jsx(Label, { hint: "required", htmlFor: "form-control", optional: false, children: "Label" }));
-        const label = container.querySelector('label:only-child');
-        expect(label).toHaveTextContent('Label (required)');
-    });
-    it('renders a Heading component', () => {
-        render(_jsx(Label, { isPageHeading: true, children: "Label" }));
-        const heading = screen.getByRole('heading', { name: 'Label' });
-        expect(heading).toBeInTheDocument();
-    });
-});

package/dist/Link/Link.test.d.ts

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

package/dist/Link/Link.test.js

@@ -1,43 +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 { Link } from './Link';
-import '@testing-library/jest-dom';
-describe('Link', () => {
-    it('renders with href attribute', () => {
-        render(_jsx(Link, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('href', '#');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Link, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Link, { className: "extra", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link extra');
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(Link, { color: "contrast", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link ams-link--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(Link, { color: "inverse", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link ams-link--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Link, { href: "#", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/LinkList/LinkList.test.d.ts

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

package/dist/LinkList/LinkList.test.js

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

package/dist/LinkList/LinkListLink.test.d.ts

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

package/dist/LinkList/LinkListLink.test.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { LinkList } from './LinkList';
-describe('Link list link', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(LinkList.Link, { href: "#" }));
-        const listItem = screen.getByRole('listitem');
-        const link = screen.getByRole('link');
-        const icon = container.querySelector('svg');
-        expect(listItem).toBeInTheDocument();
-        expect(listItem).toBeVisible();
-        expect(link).toBeInTheDocument();
-        expect(link).toBeVisible();
-        expect(icon).toBeInTheDocument();
-        expect(icon).not.toBeVisible(); // The icon is hidden by default, and only shown when the CSS loads.
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(LinkList.Link, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link-list__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(LinkList.Link, { className: "extra", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link-list__link extra');
-    });
-    it('renders a class name for the small size', () => {
-        render(_jsx(LinkList.Link, { href: "#", size: "small" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link-list__link--small');
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(LinkList.Link, { color: "contrast", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link-list__link--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(LinkList.Link, { color: "inverse", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-link-list__link--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(LinkList.Link, { href: "#", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Logo/Logo.test.d.ts

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

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

package/dist/Mark/Mark.test.d.ts

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

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

package/dist/Menu/Menu.test.d.ts

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

package/dist/Menu/Menu.test.js

@@ -1,55 +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 { Menu } from './Menu';
-import '@testing-library/jest-dom';
-describe('Menu', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Menu, {}));
-        const component = container.querySelector(':only-child');
-        const list = screen.getByRole('list');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(component).toContainElement(list);
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Menu, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-menu');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Menu, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-menu extra');
-    });
-    it('renders a `nav` element with the `inWideWindow` prop', () => {
-        render(_jsx(Menu, { inWideWindow: true }));
-        const component = screen.getByRole('navigation');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the class name for the `inWideWindow` prop', () => {
-        const { container } = render(_jsx(Menu, { inWideWindow: true }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-menu--in-wide-window');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Menu, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders a custom accessible name', () => {
-        render(_jsx(Menu, { accessibleName: "Custom accessible name", inWideWindow: true }));
-        const component = screen.getByRole('navigation', { name: 'Custom accessible name' });
-        expect(component).toBeInTheDocument();
-    });
-    it('doesn’t render a custom accessible name if not in a wide window', () => {
-        render(_jsx(Menu, { accessibleName: "Custom accessible name" }));
-        const component = screen.queryByRole('navigation', { name: 'Custom accessible name' });
-        expect(component).not.toBeInTheDocument();
-    });
-});

package/dist/Menu/MenuLink.test.d.ts

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

package/dist/Menu/MenuLink.test.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import '@testing-library/jest-dom';
-import { DocumentIcon, StarIcon } from '@amsterdam/design-system-react-icons';
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Menu } from './Menu';
-describe('Menu Link', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Menu.Link, { href: "#", icon: DocumentIcon }));
-        const listItem = screen.getByRole('listitem');
-        const link = screen.getByRole('link');
-        const icon = container.querySelector('svg');
-        expect(listItem).toBeInTheDocument();
-        expect(listItem).toBeVisible();
-        expect(link).toBeInTheDocument();
-        expect(link).toBeVisible();
-        expect(icon).toBeInTheDocument();
-        expect(icon).not.toBeVisible(); // The icon is hidden by default, and only shown when the CSS loads.
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Menu.Link, { href: "#", icon: DocumentIcon }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-menu__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Menu.Link, { className: "extra", href: "#", icon: DocumentIcon }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-menu__link extra');
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(Menu.Link, { color: "contrast", href: "#", icon: DocumentIcon }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-menu__link--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(Menu.Link, { color: "inverse", href: "#", icon: DocumentIcon }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-menu__link--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Menu.Link, { href: "#", icon: DocumentIcon, ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-    it('shows a custom icon', () => {
-        render(_jsx(Menu.Link, { href: "#", icon: _jsx(StarIcon, { className: "test-class" }) }));
-        const component = screen.getByRole('link');
-        const icon = component.querySelector('.test-class');
-        expect(icon).toBeInTheDocument();
-    });
-});

package/dist/OrderedList/OrderedList.test.d.ts

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

package/dist/OrderedList/OrderedList.test.js

@@ -1,55 +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 { OrderedList } from './OrderedList';
-import '@testing-library/jest-dom';
-describe('Ordered list', () => {
-    it('renders an HTML ol element', () => {
-        const { container } = render(_jsx(OrderedList, {}));
-        const list = container.querySelector('ol:only-child');
-        expect(list).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(OrderedList, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-ordered-list');
-    });
-    it('renders a no markers class', () => {
-        render(_jsx(OrderedList, { markers: false }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-ordered-list--no-markers');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(OrderedList, { color: "inverse" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-ordered-list--inverse');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(OrderedList, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-ordered-list extra');
-    });
-    it('renders its subcomponent', () => {
-        const listItems = ['Item 1', 'Item 2', 'Item 3'];
-        const { container } = render(_jsx(OrderedList, { children: listItems.map((item) => (_jsx(OrderedList.Item, { children: item }, item))) }));
-        const list = screen.getByRole('list');
-        const items = container.querySelectorAll('.ams-ordered-list__item');
-        expect(list).toBeInTheDocument();
-        expect(items.length).toBe(3);
-    });
-    it('renders the small size class', () => {
-        render(_jsx(OrderedList, { size: "small" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-ordered-list--small');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(OrderedList, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/OrderedList/OrderedListItem.test.d.ts

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