@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/StandaloneLink/StandaloneLink.test.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { StandaloneLink } from './StandaloneLink';
-import '@testing-library/jest-dom';
-const TestIcon = (props) => _jsx("svg", { ...props, className: "test-class" });
-describe('Standalone Link', () => {
-    it('renders with href attribute', () => {
-        render(_jsx(StandaloneLink, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(component).toHaveAttribute('href', '#');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(StandaloneLink, { href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-standalone-link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(StandaloneLink, { className: "extra", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-standalone-link extra');
-    });
-    it('renders a custom icon', () => {
-        const { container } = render(_jsx(StandaloneLink, { icon: TestIcon }));
-        const icon = container.querySelector('svg');
-        expect(icon).toHaveClass('test-class');
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(StandaloneLink, { color: "contrast", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-standalone-link ams-standalone-link--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(StandaloneLink, { color: "inverse", href: "#" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-standalone-link ams-standalone-link--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(StandaloneLink, { href: "#", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Switch/Switch.test.d.ts

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

package/dist/Switch/Switch.test.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Switch } from './Switch';
-import '@testing-library/jest-dom';
-describe('Switch', () => {
-    it('renders an element with role switch', () => {
-        render(_jsx(Switch, {}));
-        const switchElement = screen.getByRole('switch');
-        expect(switchElement).toBeInTheDocument();
-        expect(switchElement).not.toBeChecked();
-    });
-    it('is not disabled by default', () => {
-        render(_jsx(Switch, {}));
-        const switchElement = screen.getByRole('switch');
-        expect(switchElement).not.toBeDisabled();
-    });
-    it('can trigger a change event', () => {
-        const handleChange = jest.fn();
-        render(_jsx(Switch, { onChange: handleChange }));
-        const switchElement = screen.getByRole('switch');
-        switchElement.click();
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('does not trigger a change event when disabled', () => {
-        const handleChange = jest.fn();
-        render(_jsx(Switch, { disabled: true, onChange: handleChange }));
-        const switchElement = screen.getByRole('switch');
-        switchElement.click();
-        expect(handleChange).not.toHaveBeenCalled();
-    });
-    it('does trigger a change event when clicking on associate label', () => {
-        const handleChange = jest.fn();
-        const MockImpl = () => {
-            return (_jsxs(_Fragment, { children: [_jsx("label", { "data-testid": "switch-label", htmlFor: "switch-label", children: "Label" }), _jsx(Switch, { id: "switch-label", onChange: handleChange })] }));
-        };
-        render(_jsx(MockImpl, {}));
-        const label = screen.getByTestId('switch-label');
-        label.click();
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('sets the checked state when switch is clicked', () => {
-        render(_jsx(Switch, {}));
-        const switchElement = screen.getByRole('switch');
-        expect(switchElement).not.toBeChecked();
-        switchElement.click();
-        expect(switchElement).toBeChecked();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Switch, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-switch');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Switch, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-switch extra');
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        render(_jsx(Switch, { ref: ref }));
-        const switchElement = screen.getByRole('switch');
-        expect(ref.current).toBe(switchElement);
-    });
-});

package/dist/Table/Table.test.d.ts

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

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

package/dist/Table/TableBody.test.d.ts

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

package/dist/Table/TableBody.test.js

@@ -1,34 +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 { Table } from './Table';
-import { TableBody } from './TableBody';
-import '@testing-library/jest-dom';
-describe('Table body', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__body');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { className: "extra" }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__body extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableBody, { ref: ref }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableCaption.test.d.ts

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

package/dist/Table/TableCaption.test.js

@@ -1,45 +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 { Table } from './Table';
-import { TableCaption } from './TableCaption';
-import '@testing-library/jest-dom';
-describe('Table caption', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableCaption, { children: "Caption" }) }));
-        const component = screen.getByRole('table', {
-            name: 'Caption',
-        });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableCaption, { children: "Caption" }) }));
-        const component = screen.getByRole('table', {
-            name: 'Caption',
-        });
-        const caption = component?.querySelector(':only-child');
-        expect(caption).toHaveClass('ams-table__caption');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableCaption, { className: "extra", children: "Caption" }) }));
-        const component = screen.getByRole('table', {
-            name: 'Caption',
-        });
-        const caption = component?.querySelector(':only-child');
-        expect(caption).toHaveClass('ams-table__caption extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableCaption, { ref: ref, children: "Caption" }) }));
-        const component = screen.getByRole('table', {
-            name: 'Caption',
-        });
-        const caption = component?.querySelector(':only-child');
-        expect(ref.current).toBe(caption);
-    });
-});

package/dist/Table/TableCell.test.d.ts

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

package/dist/Table/TableCell.test.js

@@ -1,36 +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 { Table } from './Table';
-import { TableBody } from './TableBody';
-import { TableCell } from './TableCell';
-import { TableRow } from './TableRow';
-import '@testing-library/jest-dom';
-describe('Table cell', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { children: _jsx(TableCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('cell');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { children: _jsx(TableCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('cell');
-        expect(component).toHaveClass('ams-table__cell');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { children: _jsx(TableCell, { className: "extra", children: "Data" }) }) }) }));
-        const component = screen.getByRole('cell');
-        expect(component).toHaveClass('ams-table__cell extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { children: _jsx(TableCell, { ref: ref, children: "Data" }) }) }) }));
-        const component = screen.getByRole('cell');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableFooter.test.d.ts

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

package/dist/Table/TableFooter.test.js

@@ -1,34 +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 { Table } from './Table';
-import { TableFooter } from './TableFooter';
-import '@testing-library/jest-dom';
-describe('Table footer', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__footer');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableFooter, { className: "extra" }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__footer extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableFooter, { ref: ref }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableHeader.test.d.ts

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

package/dist/Table/TableHeader.test.js

@@ -1,34 +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 { Table } from './Table';
-import { TableHeader } from './TableHeader';
-import '@testing-library/jest-dom';
-describe('Table header', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, {}) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__header');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { className: "extra" }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(component).toHaveClass('ams-table__header extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableHeader, { ref: ref }) }));
-        const component = screen.getByRole('rowgroup');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableHeaderCell.test.d.ts

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

package/dist/Table/TableHeaderCell.test.js

@@ -1,42 +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 { Table } from './Table';
-import { TableHeader } from './TableHeader';
-import { TableHeaderCell } from './TableHeaderCell';
-import { TableRow } from './TableRow';
-import '@testing-library/jest-dom';
-describe('Table header cell', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a rowheader when you specify it', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { scope: "row", children: "Data" }) }) }) }));
-        const component = screen.getByRole('rowheader');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toHaveClass('ams-table__header-cell');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { className: "extra", children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(component).toHaveClass('ams-table__header-cell extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableHeader, { children: _jsx(TableRow, { children: _jsx(TableHeaderCell, { ref: ref, children: "Data" }) }) }) }));
-        const component = screen.getByRole('columnheader');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Table/TableRow.test.d.ts

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

package/dist/Table/TableRow.test.js

@@ -1,35 +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 { Table } from './Table';
-import { TableBody } from './TableBody';
-import { TableRow } from './TableRow';
-import '@testing-library/jest-dom';
-describe('Table row', () => {
-    it('renders', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, {}) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, {}) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toHaveClass('ams-table__row');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { className: "extra" }) }) }));
-        const component = screen.getByRole('row');
-        expect(component).toHaveClass('ams-table__row extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Table, { children: _jsx(TableBody, { children: _jsx(TableRow, { ref: ref }) }) }));
-        const component = screen.getByRole('row');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContents.test.d.ts

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

package/dist/TableOfContents/TableOfContents.test.js

@@ -1,44 +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 { TableOfContents } from './TableOfContents';
-import '@testing-library/jest-dom';
-describe('Table of contents', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(TableOfContents, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders its children', () => {
-        render(_jsx(TableOfContents, { children: _jsx(TableOfContents.List, {}) }));
-        const testChild = screen.getByRole('list');
-        expect(testChild).toBeTruthy();
-    });
-    it('renders a heading', () => {
-        render(_jsx(TableOfContents, { heading: "Test heading" }));
-        const heading = screen.getByRole('heading');
-        expect(heading).toBeInTheDocument();
-        expect(heading).toHaveTextContent('Test heading');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(TableOfContents, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-table-of-contents');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(TableOfContents, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-table-of-contents extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(TableOfContents, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContentsLink.test.d.ts

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

package/dist/TableOfContents/TableOfContentsLink.test.js

@@ -1,34 +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 { TableOfContents } from './TableOfContents';
-describe('Table of Contents link', () => {
-    it('renders', () => {
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test label" }));
-        const link = screen.getByRole('link');
-        expect(link).toBeInTheDocument();
-        expect(link).toBeVisible();
-        expect(link).toHaveTextContent('Test label');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-table-of-contents__link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TableOfContents.Link, { className: "extra", href: "#", label: "Test" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-table-of-contents__link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TableOfContents.Link, { href: "#", label: "Test", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/TableOfContents/TableOfContentsList.test.d.ts

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

package/dist/TableOfContents/TableOfContentsList.test.js

@@ -1,40 +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 { TableOfContents } from './TableOfContents';
-import '@testing-library/jest-dom';
-describe('Table of Contents list', () => {
-    it('renders an HTML ul element', () => {
-        const { container } = render(_jsx(TableOfContents.List, {}));
-        const list = container.querySelector('ul:only-child');
-        expect(list).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(TableOfContents.List, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-table-of-contents__list');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(TableOfContents.List, { className: "extra" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-table-of-contents__list extra');
-    });
-    it('renders its subcomponent', () => {
-        const listItems = ['Item 1', 'Item 2', 'Item 3'];
-        const { container } = render(_jsx(TableOfContents.List, { children: listItems.map((item) => (_jsx(TableOfContents.Link, { label: `Link ${item}` }, item))) }));
-        const list = screen.getByRole('list');
-        const items = container.querySelectorAll('.ams-table-of-contents__item');
-        expect(list).toBeInTheDocument();
-        expect(items.length).toBe(3);
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(TableOfContents.List, { ref: ref }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Tabs/Tabs.test.d.ts

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