@amsterdam/design-system-react 2.0.2 → 2.2.0

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,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 { Menu } from './Menu';
-import '@testing-library/jest-dom';
-describe('Menu', () => {
-    it('renders', () => {
-        render(_jsx(Menu, {}));
-        const component = screen.getByRole('navigation');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Menu, {}));
-        const component = screen.getByRole('navigation');
-        expect(component).toHaveClass('ams-menu');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Menu, { className: "extra" }));
-        const component = screen.getByRole('navigation');
-        expect(component).toHaveClass('ams-menu extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Menu, { ref: ref }));
-        const component = screen.getByRole('navigation');
-        expect(ref.current).toBe(component);
-    });
-    it('renders a custom accessible name for the logo', () => {
-        render(_jsx(Menu, { accessibleName: "Custom accessible name" }));
-        const component = screen.getByRole('heading', { name: 'Custom accessible name' });
-        expect(component).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';

package/dist/OrderedList/OrderedListItem.test.js

@@ -1,32 +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 { OrderedListItem } from './OrderedListItem';
-import '@testing-library/jest-dom';
-describe('Ordered list item', () => {
-    it('renders', () => {
-        render(_jsx(OrderedListItem, {}));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(OrderedListItem, {}));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-ordered-list__item');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(OrderedListItem, { className: "extra" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-ordered-list__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(OrderedListItem, { ref: ref }));
-        const component = screen.getByRole('listitem');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Overlap/Overlap.test.d.ts

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

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

package/dist/Page/Page.test.d.ts

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

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

package/dist/PageFooter/PageFooter.test.d.ts

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

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

package/dist/PageFooter/PageFooterMenu.test.d.ts

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

package/dist/PageFooter/PageFooterMenu.test.js

@@ -1,35 +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 { PageFooter } from './PageFooter';
-import '@testing-library/jest-dom';
-describe('Page Footer Menu', () => {
-    it('renders a footer menu with children', () => {
-        render(_jsxs(PageFooter.Menu, { children: [_jsx(PageFooter.MenuLink, { href: "#", lang: "en", children: "English" }), _jsx(PageFooter.MenuLink, { href: "#", children: "Mijn Amsterdam" })] }));
-        const component = screen.getByRole('list');
-        const children = screen.getAllByRole('listitem');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-        expect(children).toHaveLength(2);
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(PageFooter.Menu, {}));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-page-footer__menu');
-    });
-    it('is able to pass a React ref', () => {
-        const ref = createRef();
-        render(_jsx(PageFooter.Menu, { ref: ref, children: _jsx(PageFooter.MenuLink, { href: "#", lang: "en", children: "English" }) }));
-        const component = screen.getByRole('list');
-        expect(ref.current).toBe(component);
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(PageFooter.Menu, { className: "intro" }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-page-footer__menu intro');
-    });
-});

package/dist/PageFooter/PageFooterMenuLink.test.d.ts

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

package/dist/PageFooter/PageFooterMenuLink.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 { PageFooter } from './PageFooter';
-import '@testing-library/jest-dom';
-describe('Page Footer Menu Link', () => {
-    it('renders with href attribute', () => {
-        render(_jsx(PageFooter.MenuLink, { href: "#", children: "Link" }));
-        const component = screen.getByRole('link');
-        expect(component).toBeInTheDocument();
-        expect(component).toHaveAttribute('href', '#');
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(PageFooter.MenuLink, { href: "#", children: "Link" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-page-footer__menu-link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(PageFooter.MenuLink, { className: "extra", href: "#", children: "Link" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-page-footer__menu-link extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(PageFooter.MenuLink, { className: "extra", href: "#", ref: ref, children: "Link" }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});