@amsterdam/design-system-react 2.1.0 → 3.0.0

package/dist/SearchField/SearchFieldInput.test.js

@@ -1,65 +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 userEvent from '@testing-library/user-event';
-import { createRef, useState } from 'react';
-import { SearchFieldInput } from './SearchFieldInput';
-import '@testing-library/jest-dom';
-describe('Search field input', () => {
-    it('renders', () => {
-        render(_jsx(SearchFieldInput, {}));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(SearchFieldInput, {}));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(component).toHaveClass('ams-search-field__input');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(SearchFieldInput, { className: "extra" }));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(component).toHaveClass('ams-search-field__input extra');
-    });
-    it('supports a custom label', () => {
-        render(_jsx(SearchFieldInput, { label: "Test label" }));
-        const component = screen.getByRole('searchbox', { name: 'Test label' });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('should be working in a controlled state', async () => {
-        function ControlledComponent() {
-            const [value, setValue] = useState('Hello');
-            return _jsx(SearchFieldInput, { onChange: (e) => setValue(e.target.value), value: value });
-        }
-        render(_jsx(ControlledComponent, {}));
-        const componentText = screen.getByDisplayValue('Hello');
-        expect(componentText).toBeInTheDocument();
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        const newComponentText = screen.getByDisplayValue('Hello, World!');
-        expect(newComponentText).toBeInTheDocument();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(SearchFieldInput, { ref: ref }));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(ref.current).toBe(component);
-    });
-    it('renders bidirectional by default using `dir="auto"`', () => {
-        render(_jsx(SearchFieldInput, {}));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(component).toHaveAttribute('dir', 'auto');
-    });
-    it('renders left-to-right by using `dir="ltr"`', () => {
-        render(_jsx(SearchFieldInput, { dir: "ltr" }));
-        const component = screen.getByRole('searchbox', { name: 'Zoeken' });
-        expect(component).toHaveAttribute('dir', 'ltr');
-    });
-});

package/dist/Select/Select.test.d.ts

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

package/dist/Select/Select.test.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, 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 { Select } from './Select';
-import '@testing-library/jest-dom';
-describe('Select', () => {
-    it('renders', () => {
-        render(_jsx(Select, {}));
-        const component = screen.getByRole('combobox');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Select, {}));
-        const component = screen.getByRole('combobox');
-        expect(component).toHaveClass('ams-select');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Select, { className: "extra" }));
-        const component = screen.getByRole('combobox');
-        expect(component).toHaveClass('ams-select extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Select, { ref: ref }));
-        const component = screen.getByRole('combobox');
-        expect(ref.current).toBe(component);
-    });
-    it('renders options', () => {
-        render(_jsxs(Select, { children: [_jsx(Select.Option, { value: "a", children: "Option A" }), _jsx(Select.Option, { value: "b", children: "Option B" })] }));
-        const select = screen.getByRole('combobox');
-        const option = screen.getByRole('option', {
-            name: 'Option B',
-        });
-        expect(select).toContain(option);
-    });
-    it('can be disabled', () => {
-        render(_jsx(Select, { disabled: true }));
-        const component = screen.getByRole('combobox');
-        expect(component).toBeDisabled();
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            render(_jsx(Select, {}));
-            const component = screen.getByRole('combobox');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            render(_jsx(Select, { invalid: true }));
-            const component = screen.getByRole('combobox');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            render(_jsx(Select, { invalid: false }));
-            const component = screen.getByRole('combobox');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-    it('is not required by default', () => {
-        render(_jsx(Select, {}));
-        const component = screen.getByRole('combobox');
-        expect(component).not.toBeRequired();
-    });
-    it('omits the required attribute when not required', () => {
-        render(_jsx(Select, { required: false }));
-        const component = screen.getByRole('combobox');
-        expect(component).not.toHaveAttribute('required');
-    });
-});

package/dist/Select/SelectOption.test.d.ts

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

package/dist/Select/SelectOption.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 { Select } from './Select';
-import '@testing-library/jest-dom';
-describe('Select option', () => {
-    it('renders', () => {
-        render(_jsx(Select.Option, {}));
-        const component = screen.getByRole('option');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders an option role element with a text label', () => {
-        render(_jsx(Select.Option, { children: "Option" }));
-        const option = screen.getByRole('option', {
-            name: 'Option',
-        });
-        expect(option).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Select.Option, {}));
-        const component = screen.getByRole('option');
-        expect(component).toHaveClass('ams-select__option');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Select.Option, { className: "extra" }));
-        const component = screen.getByRole('option');
-        expect(component).toHaveClass('ams-select__option extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Select.Option, { ref: ref }));
-        const component = screen.getByRole('option');
-        expect(ref.current).toBe(component);
-    });
-    it('can be disabled', () => {
-        render(_jsx(Select.Option, { disabled: true }));
-        const component = screen.getByRole('option');
-        expect(component).toBeDisabled();
-    });
-});

package/dist/Select/SelectOptionGroup.test.d.ts

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

package/dist/Select/SelectOptionGroup.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 { Select } from './Select';
-import '@testing-library/jest-dom';
-describe('Select option group', () => {
-    it('renders', () => {
-        render(_jsx(Select.Group, {}));
-        const component = screen.getByRole('group');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders an group role element with a text label', () => {
-        render(_jsx(Select.Group, { label: "Options" }));
-        const option = screen.getByRole('group', {
-            name: 'Options',
-        });
-        expect(option).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Select.Group, {}));
-        const component = screen.getByRole('group');
-        expect(component).toHaveClass('ams-select__group');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Select.Group, { className: "extra" }));
-        const component = screen.getByRole('group');
-        expect(component).toHaveClass('ams-select__group extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Select.Group, { ref: ref }));
-        const component = screen.getByRole('group');
-        expect(ref.current).toBe(component);
-    });
-    it('can be disabled', () => {
-        render(_jsx(Select.Group, { disabled: true }));
-        const component = screen.getByRole('group');
-        expect(component).toBeDisabled();
-    });
-});

package/dist/SkipLink/SkipLink.test.d.ts

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

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

package/dist/Spotlight/Spotlight.test.d.ts

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

package/dist/Spotlight/Spotlight.test.js

@@ -1,46 +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 { Spotlight, spotlightColors, spotlightTags } from './Spotlight';
-import '@testing-library/jest-dom';
-describe('Spotlight', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Spotlight, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Spotlight, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-spotlight');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Spotlight, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-spotlight extra');
-    });
-    spotlightTags.forEach((tag) => {
-        it(`renders with a custom ${tag} tag`, () => {
-            const { container } = render(_jsx(Spotlight, { "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(Spotlight, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    spotlightColors.map((color) => it(`renders with ${color} color`, () => {
-        const { container } = render(_jsx(Spotlight, { color: color }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass(`ams-spotlight--${color}`);
-    }));
-});

package/dist/StandaloneLink/StandaloneLink.test.d.ts

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

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);
-    });
-});