@amsterdam/design-system-react 2.0.2 → 2.2.0

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

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

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

package/dist/PageHeader/PageHeader.test.d.ts

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

package/dist/PageHeader/PageHeader.test.js

@@ -1,135 +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 } from 'react';
-import './matchMedia.mock'; // Must be imported before PageHeader
-import { PageHeader } from './PageHeader';
-import '@testing-library/jest-dom';
-describe('Page Header', () => {
-    it('renders', () => {
-        render(_jsx(PageHeader, {}));
-        const component = screen.getByRole('banner');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(PageHeader, {}));
-        const component = screen.getByRole('banner');
-        expect(component).toHaveClass('ams-page-header');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(PageHeader, { className: "extra" }));
-        const component = screen.getByRole('banner');
-        expect(component).toHaveClass('ams-page-header extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(PageHeader, { ref: ref }));
-        const component = screen.getByRole('banner');
-        expect(ref.current).toBe(component);
-    });
-    it('renders a logo link', () => {
-        render(_jsx(PageHeader, {}));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-page-header__logo-link');
-    });
-    it('renders a different brand logo', () => {
-        const { container } = render(_jsx(PageHeader, { logoBrand: "ggd-amsterdam" }));
-        const component = container.querySelector('.ams-logo__text-secondary');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a custom logo link', () => {
-        render(_jsx(PageHeader, { logoLink: "/home" }));
-        const logoLink = screen.getByRole('link');
-        expect(logoLink).toHaveAttribute('href', '/home');
-    });
-    it('renders a custom logo link title', () => {
-        render(_jsx(PageHeader, { logoLinkTitle: "Go to homepage" }));
-        const logoLinkTitle = screen.getByRole('link', { name: 'Gemeente Amsterdam logo Go to homepage' });
-        expect(logoLinkTitle).toBeInTheDocument();
-    });
-    it('renders a custom accessible name for the logo', () => {
-        render(_jsx(PageHeader, { logoAccessibleName: "Custom accessible name" }));
-        const logoLinkTitle = screen.getByRole('link', { name: 'Custom accessible name Ga naar de homepage' });
-        expect(logoLinkTitle).toBeInTheDocument();
-    });
-    it('renders an application name', () => {
-        render(_jsx(PageHeader, { brandName: "Application name" }));
-        const brandName = screen.getByText('Application name');
-        expect(brandName).toBeInTheDocument();
-    });
-    it('renders the correct class for the responsive logo', () => {
-        const { container } = render(_jsx(PageHeader, { brandName: "Application name" }));
-        const logoContainer = container.querySelector('.ams-page-header__logo-container');
-        expect(logoContainer).toBeInTheDocument();
-    });
-    it('renders a nav section', () => {
-        render(_jsx(PageHeader, { children: "Test" }));
-        const component = screen.getByRole('navigation');
-        expect(component).toHaveClass('ams-page-header__navigation');
-    });
-    it('renders a nav section with a custom label', () => {
-        render(_jsx(PageHeader, { navigationLabel: "Custom Navigation", children: "Test" }));
-        const component = screen.getByRole('navigation', { name: 'Custom Navigation' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a menu', () => {
-        render(_jsx(PageHeader, { menuItems: _jsx(PageHeader.MenuLink, { children: "Menu Item" }) }));
-        const component = screen.getByRole('list');
-        expect(component).toHaveClass('ams-page-header__menu');
-    });
-    it('renders menu items', () => {
-        render(_jsx(PageHeader, { menuItems: [
-                _jsx(PageHeader.MenuLink, { href: "/", children: "Menu Item 1" }, 1),
-                _jsx(PageHeader.MenuLink, { href: "/", children: "Menu Item 2" }, 2),
-            ] }));
-        const item1 = screen.getByRole('link', { name: 'Menu Item 1' });
-        const item2 = screen.getByRole('link', { name: 'Menu Item 2' });
-        expect(item1).toBeInTheDocument();
-        expect(item2).toBeInTheDocument();
-    });
-    it('renders a menu button', () => {
-        render(_jsx(PageHeader, { children: "Test" }));
-        const component = screen.getByRole('button', { name: 'Menu' });
-        expect(component).toHaveClass('ams-page-header__mega-menu-button');
-    });
-    it('renders a menu button icon', () => {
-        const { container } = render(_jsx(PageHeader, { children: "Test" }));
-        const component = container.querySelector('.ams-page-header__menu-icon');
-        expect(component).toBeInTheDocument();
-    });
-    it('renders a custom menu button text', () => {
-        render(_jsx(PageHeader, { menuButtonText: "Custom button text", children: "Test" }));
-        const component = screen.getByRole('button', { name: 'Custom button text' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the correct class when noMenuButtonOnWideWindow is true', () => {
-        render(_jsx(PageHeader, { noMenuButtonOnWideWindow: true, children: "Test" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-page-header__mega-menu-button-item--hide-on-wide-window');
-    });
-    it('opens and closes the mega menu', async () => {
-        const user = userEvent.setup();
-        const { container } = render(_jsx(PageHeader, { children: "Test" }));
-        const closedMegaMenu = container.querySelector('.ams-page-header__mega-menu--closed');
-        expect(closedMegaMenu).toBeInTheDocument();
-        const menuButton = screen.getByRole('button', { name: 'Menu' });
-        await user.click(menuButton);
-        const openMegaMenu = container.querySelector('.ams-page-header__mega-menu');
-        expect(openMegaMenu).toBeInTheDocument();
-        expect(openMegaMenu).not.toHaveClass('ams-page-header__mega-menu--closed');
-    });
-    it.skip('closes the mega menu when it is open and the screen width passes the breakpoint', () => {
-        // TODO: Add this test
-    });
-    it('renders a custom logo link component', () => {
-        const CustomLink = (props) => _jsx("a", { "data-test": true, ...props });
-        render(_jsx(PageHeader, { logoLinkComponent: CustomLink }));
-        const customLink = screen.getByRole('link', { name: 'Gemeente Amsterdam logo Ga naar de homepage' });
-        expect(customLink).toHaveAttribute('data-test');
-    });
-});

package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.test.d.ts

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

package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.test.js

@@ -1,38 +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 { PageHeaderGridCellNarrowWindowOnly } from './PageHeaderGridCellNarrowWindowOnly';
-import '@testing-library/jest-dom';
-describe('Page Header Grid Cell Narrow Window Only', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(PageHeaderGridCellNarrowWindowOnly, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a Grid.Cell', () => {
-        const { container } = render(_jsx(PageHeaderGridCellNarrowWindowOnly, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-grid__cell');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(PageHeaderGridCellNarrowWindowOnly, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-page-header__grid-cell-narrow-window-only');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(PageHeaderGridCellNarrowWindowOnly, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-page-header__grid-cell-narrow-window-only extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(PageHeaderGridCellNarrowWindowOnly, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/PageHeader/PageHeaderMenuLink.test.d.ts

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

package/dist/PageHeader/PageHeaderMenuLink.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 { PageHeaderMenuLink } from './PageHeaderMenuLink';
-import '@testing-library/jest-dom';
-describe('Page Header Menu Link', () => {
-    it('renders', () => {
-        render(_jsx(PageHeaderMenuLink, { href: "/" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(PageHeaderMenuLink, { href: "/" }));
-        const item = screen.getByRole('listitem');
-        expect(item).toHaveClass('ams-page-header__menu-item');
-        const link = screen.getByRole('link');
-        expect(link).toHaveClass('ams-page-header__menu-link');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(PageHeaderMenuLink, { className: "extra", href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveClass('ams-page-header__menu-link extra');
-    });
-    it('renders the href attribute', () => {
-        render(_jsx(PageHeaderMenuLink, { href: "/" }));
-        const component = screen.getByRole('link');
-        expect(component).toHaveAttribute('href', '/');
-    });
-    it('renders the ‘fixed’ prop classname', () => {
-        render(_jsx(PageHeaderMenuLink, { fixed: true, href: "/" }));
-        const component = screen.getByRole('listitem');
-        expect(component).toHaveClass('ams-page-header__menu-item--fixed');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(PageHeaderMenuLink, { href: "/", ref: ref }));
-        const component = screen.getByRole('link');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/PageHeading/PageHeading.test.d.ts

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

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

package/dist/Pagination/Pagination.test.d.ts

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

package/dist/Pagination/Pagination.test.js

@@ -1,137 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { createRef } from 'react';
-import { Pagination } from './Pagination';
-import '@testing-library/jest-dom';
-describe('Pagination', () => {
-    const linkTemplate = (page) => `#?pagina=${page}`;
-    it('renders', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(component).toHaveClass('ams-pagination');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(Pagination, { className: "extra", linkTemplate: linkTemplate, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(component).toHaveClass('ams-pagination extra');
-    });
-    it('should render all the pages when totalPages <= maxVisiblePages', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, maxVisiblePages: 6, totalPages: 6 }));
-        const listItem = screen.getAllByRole('listitem', { hidden: true });
-        const range = ['1', '2', '3', '4', '5', '6'];
-        range.forEach((item, index) => {
-            expect(listItem[index]).toHaveTextContent(item);
-        });
-    });
-    it('should render the pages including one (last) spacer in the correct location when totalPages > maxVisiblePages', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, maxVisiblePages: 7, page: 1, totalPages: 10 }));
-        const listItem = screen.getAllByRole('listitem', { hidden: true });
-        const range = ['1', '2', '3', '4', '5', '…', '10'];
-        range.forEach((item, index) => {
-            expect(listItem[index]).toHaveTextContent(item);
-        });
-    });
-    it('should render the pages including the two spacers in the correct location when totalPages > maxVisiblePages and current page > 4', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, maxVisiblePages: 7, page: 6, totalPages: 10 }));
-        const listItem = screen.getAllByRole('listitem', { hidden: true });
-        const range = ['1', '…', '5', '6', '7', '…', '10'];
-        range.forEach((item, index) => {
-            expect(listItem[index]).toHaveTextContent(item);
-        });
-    });
-    it('should render the pages including one (first) spacer in the correct location when totalPages > maxVisiblePages and page > maxVisiblePages', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, maxVisiblePages: 7, page: 7, totalPages: 10 }));
-        const listItem = screen.getAllByRole('listitem', { hidden: true });
-        const range = ['1', '…', '6', '7', '8', '9', '10'];
-        range.forEach((item, index) => {
-            expect(listItem[index]).toHaveTextContent(item);
-        });
-    });
-    it('should set aria-current to true on the current page', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, page: 4, totalPages: 10 }));
-        const currentPageLink = screen.getByRole('link', { name: 'Pagina 4' });
-        expect(currentPageLink).toHaveAttribute('aria-current', 'page');
-    });
-    it('should set the correct href on the links', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, page: 4, totalPages: 10 }));
-        const previousPageLink = screen.getByRole('link', { name: 'Vorige pagina' });
-        const currentPageLink = screen.getByRole('link', { name: 'Pagina 4' });
-        const nextPageLink = screen.getByRole('link', { name: 'Volgende pagina' });
-        expect(previousPageLink).toHaveAttribute('href', '#?pagina=3');
-        expect(currentPageLink).toHaveAttribute('href', '#?pagina=4');
-        expect(nextPageLink).toHaveAttribute('href', '#?pagina=5');
-    });
-    it('sets a custom id for the accessible label - deprecated', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, totalPages: 10, visuallyHiddenLabelId: "custom-id" }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(component).toHaveAttribute('aria-labelledby', 'custom-id');
-    });
-    it('sets a custom id for the accessible name', () => {
-        render(_jsx(Pagination, { accessibleNameId: "custom-id", linkTemplate: linkTemplate, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(component).toHaveAttribute('aria-labelledby', 'custom-id');
-    });
-    it('should not render when totalPages is 1 or less', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, totalPages: 1 }));
-        expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
-    });
-    it('should not show the previous link on the first page', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, page: 1, totalPages: 10 }));
-        expect(screen.queryByRole('link', { name: 'Vorige pagina' })).not.toBeInTheDocument();
-    });
-    it('should not show the next link on the last page', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, page: 10, totalPages: 10 }));
-        expect(screen.queryByRole('link', { name: 'Volgende pagina' })).not.toBeInTheDocument();
-    });
-    it('renders custom labels for the ‘previous’ and ‘next’ links', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, nextLabel: "next", page: 4, previousLabel: "previous", totalPages: 10 }));
-        const previousLink = screen.getByRole('link', { name: 'Vorige pagina' });
-        const nextLink = screen.getByRole('link', { name: 'Volgende pagina' });
-        expect(previousLink).toHaveTextContent('previous');
-        expect(previousLink).toHaveAttribute('rel', 'prev');
-        expect(nextLink).toHaveTextContent('next');
-        expect(nextLink).toHaveAttribute('rel', 'next');
-    });
-    it('renders an accessible label for the navigation - deprecated', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, totalPages: 10, visuallyHiddenLabel: "Pagination" }));
-        const component = screen.getByRole('navigation', { name: 'Pagination' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders an accessible name for the navigation', () => {
-        render(_jsx(Pagination, { accessibleName: "Pagination", linkTemplate: linkTemplate, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Pagination' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders accessible labels for the ‘previous’ and ‘next’ links - deprecated', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, nextVisuallyHiddenLabel: "Next page", page: 4, previousVisuallyHiddenLabel: "Previous page", totalPages: 10 }));
-        const previousLink = screen.getByRole('link', { name: 'Previous page' });
-        const nextLink = screen.getByRole('link', { name: 'Next page' });
-        expect(previousLink).toBeInTheDocument();
-        expect(nextLink).toBeInTheDocument();
-    });
-    it('renders accessible names for the ‘previous’ and ‘next’ links', () => {
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, nextAccessibleName: "Next page", page: 4, previousAccessibleName: "Previous page", totalPages: 10 }));
-        const previousLink = screen.getByRole('link', { name: 'Previous page' });
-        const nextLink = screen.getByRole('link', { name: 'Next page' });
-        expect(previousLink).toBeInTheDocument();
-        expect(nextLink).toBeInTheDocument();
-    });
-    it('renders a custom link component', () => {
-        const CustomLink = (props) => _jsx("a", { "data-test": true, ...props });
-        render(_jsx(Pagination, { linkComponent: CustomLink, linkTemplate: linkTemplate, totalPages: 10 }));
-        const customLink = screen.getByRole('link', { name: 'Pagina 1' });
-        expect(customLink).toHaveAttribute('data-test');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(Pagination, { linkTemplate: linkTemplate, ref: ref, totalPages: 10 }));
-        const component = screen.getByRole('navigation', { name: 'Paginering' });
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Paragraph/Paragraph.test.d.ts

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

package/dist/Paragraph/Paragraph.test.js

@@ -1,62 +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 { Paragraph } from './Paragraph';
-import '@testing-library/jest-dom';
-describe('Paragraph', () => {
-    it('renders an HTML p element', () => {
-        const { container } = render(_jsx(Paragraph, {}));
-        const paragraph = container.querySelector('p:only-child');
-        expect(paragraph).toBeInTheDocument();
-    });
-    it('renders a block element', () => {
-        const { container } = render(_jsx(Paragraph, {}));
-        const paragraph = container.querySelector(':only-child');
-        expect(paragraph).toHaveStyle({ display: 'block' });
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Paragraph, {}));
-        const paragraph = container.querySelector(':only-child');
-        expect(paragraph).toHaveClass('ams-paragraph');
-    });
-    it('renders rich text content', () => {
-        const { container } = render(_jsxs(Paragraph, { children: ["Hello, ", _jsx("strong", { children: "world" })] }));
-        const paragraph = container.querySelector(':only-child');
-        const richText = paragraph?.querySelector('strong');
-        expect(richText).toBeInTheDocument();
-    });
-    it('is a default paragraph without specifying props', () => {
-        const { container } = render(_jsx(Paragraph, {}));
-        const paragraph = container.querySelector(':only-child');
-        expect(paragraph).not.toHaveClass('ams-paragraph--large');
-        expect(paragraph).not.toHaveClass('ams-paragraph--small');
-    });
-    it('renders the right size classes', () => {
-        render(_jsxs(_Fragment, { children: [_jsx(Paragraph, { size: "small", children: "Small paragraph" }), _jsx(Paragraph, { size: "large", children: "Large paragraph" })] }));
-        const smallParagraph = screen.getByText('Small paragraph');
-        const largeParagraph = screen.getByText('Large paragraph');
-        expect(smallParagraph).toHaveClass('ams-paragraph--small');
-        expect(largeParagraph).toHaveClass('ams-paragraph--large');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(Paragraph, { color: "inverse", children: "Paragraph" }));
-        const paragraph = screen.getByText('Paragraph');
-        expect(paragraph).toHaveClass('ams-paragraph--inverse');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Paragraph, { className: "intro" }));
-        const paragraph = container.querySelector(':only-child');
-        expect(paragraph).toHaveClass('intro');
-        expect(paragraph).toHaveClass('ams-paragraph');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Paragraph, { ref: ref }));
-        const paragraph = container.querySelector(':only-child');
-        expect(ref.current).toBe(paragraph);
-    });
-});

package/dist/PasswordInput/PasswordInput.test.d.ts

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

package/dist/PasswordInput/PasswordInput.test.js

@@ -1,89 +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 userEvent from '@testing-library/user-event';
-import { createRef, useState } from 'react';
-import { Label } from '../Label';
-import { PasswordInput } from './PasswordInput';
-import '@testing-library/jest-dom';
-describe('Password input', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(PasswordInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(PasswordInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-password-input');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(PasswordInput, { className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-password-input extra');
-    });
-    it('renders two attributes for privacy', () => {
-        const { container } = render(_jsx(PasswordInput, {}));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveAttribute('autocorrect', 'off');
-        expect(component).toHaveAttribute('spellcheck', 'false');
-    });
-    it('should be working in a controlled state', async () => {
-        function ControlledComponent() {
-            const [value, setValue] = useState('Hello');
-            return _jsx(PasswordInput, { onChange: (e) => setValue(e.target.value), value: value });
-        }
-        const { container } = render(_jsx(ControlledComponent, {}));
-        const componentText = screen.getByDisplayValue('Hello');
-        expect(componentText).toBeInTheDocument();
-        const component = container.querySelector(':only-child');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        const newComponentText = screen.getByDisplayValue('Hello, World!');
-        expect(newComponentText).toBeInTheDocument();
-    });
-    it('should not update the value when disabled', async () => {
-        const { container } = render(_jsx(PasswordInput, { defaultValue: "Hello", disabled: true }));
-        const component = container.querySelector(':only-child');
-        if (component) {
-            await userEvent.type(component, ', World!');
-        }
-        expect(component).toHaveValue('Hello');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(PasswordInput, { ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    describe('Invalid state', () => {
-        it('is not invalid by default', () => {
-            const { container } = render(_jsx(PasswordInput, {}));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toBeInvalid();
-        });
-        it('can have an invalid state', () => {
-            const { container } = render(_jsx(PasswordInput, { invalid: true }));
-            const component = container.querySelector(':only-child');
-            expect(component).toHaveAttribute('aria-invalid');
-            expect(component).toBeInvalid();
-        });
-        it('omits non-essential invalid attributes when not invalid', () => {
-            const { container } = render(_jsx(PasswordInput, { invalid: false }));
-            const component = container.querySelector(':only-child');
-            expect(component).not.toHaveAttribute('aria-invalid');
-        });
-    });
-    describe('Type', () => {
-        it('sets the ‘password’ type', () => {
-            render(_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: "password-field", children: "Password" }), _jsx(PasswordInput, { id: "password-field" })] }));
-            const component = screen.getByLabelText(/password/i);
-            expect(component).toHaveAttribute('type', 'password');
-        });
-    });
-});

package/dist/Radio/Radio.test.d.ts

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