@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/Icon/Icon.test.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */
-import { WarningIcon } from '@amsterdam/design-system-react-icons';
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
-import { Icon, iconSizes } from './Icon';
-import '@testing-library/jest-dom';
-describe('Icon', () => {
-    it('renders a span element', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders with a React node for the svg prop', () => {
-        const { container } = render(_jsx(Icon, { svg: _jsx(WarningIcon, {}) }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toBeInTheDocument();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(icon).toHaveClass('ams-icon');
-    });
-    it('renders an svg child', () => {
-        const { container } = render(_jsx(Icon, { svg: WarningIcon }));
-        const svg = container.querySelector(':only-child svg');
-        expect(svg).toBeInTheDocument();
-    });
-    iconSizes.forEach((size) => {
-        it(`renders the correct class name for a ‘${size}’ icon`, () => {
-            const { container } = render(_jsx(Icon, { size: size, svg: WarningIcon }));
-            const icon = container.querySelector(':only-child');
-            expect(icon).toHaveClass(`ams-icon--${size}`);
-        });
-    });
-    it('renders the right square class', () => {
-        const { container } = render(_jsx(Icon, { square: true, svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toHaveClass('ams-icon--square');
-    });
-    it('renders the class name for inverse color', () => {
-        const { container } = render(_jsx(Icon, { color: "inverse", svg: WarningIcon }));
-        const icon = container.querySelector('span:only-child');
-        expect(icon).toHaveClass('ams-icon--inverse');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Icon, { className: "extra", svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(icon).toHaveClass('ams-icon extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Icon, { ref: ref, svg: WarningIcon }));
-        const icon = container.querySelector(':only-child');
-        expect(ref.current).toBe(icon);
-    });
-});

package/dist/IconButton/IconButton.test.d.ts

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

package/dist/IconButton/IconButton.test.js

@@ -1,48 +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 { IconButton } from './IconButton';
-import '@testing-library/jest-dom';
-describe('Icon button', () => {
-    it('renders', () => {
-        render(_jsx(IconButton, { label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        render(_jsx(IconButton, { label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button');
-    });
-    it('renders an extra class name', () => {
-        render(_jsx(IconButton, { className: "extra", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button extra');
-    });
-    it('renders an accessible label', () => {
-        render(_jsx(IconButton, { className: "extra", label: "Test" }));
-        const component = screen.getByRole('button', { name: 'Test' });
-        expect(component).toBeInTheDocument();
-    });
-    it('renders the class name for contrast color', () => {
-        render(_jsx(IconButton, { color: "contrast", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button--contrast');
-    });
-    it('renders the class name for inverse color', () => {
-        render(_jsx(IconButton, { color: "inverse", label: "Test" }));
-        const component = screen.getByRole('button');
-        expect(component).toHaveClass('ams-icon-button--inverse');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        render(_jsx(IconButton, { label: "Test", ref: ref }));
-        const component = screen.getByRole('button');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/Image/Image.test.d.ts

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

package/dist/Image/Image.test.js

@@ -1,43 +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 { aspectRatioOptions } from '../common/types';
-import { generateAspectRatioClass } from './generateAspectRatioClass';
-import { Image } from './Image';
-import '@testing-library/jest-dom';
-describe('Image', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(Image, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(Image, { alt: "" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(Image, { alt: "", className: "extra" }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image extra');
-    });
-    aspectRatioOptions.forEach((aspectRatio) => {
-        it(`renders class names to display the image in the ${aspectRatio} aspect ratio`, () => {
-            const { container } = render(_jsx(Image, { alt: "", aspectRatio: aspectRatio }));
-            const component = container.querySelector(':only-child');
-            const aspectRatioClass = generateAspectRatioClass(aspectRatio) || '';
-            expect(component).toHaveClass(aspectRatioClass);
-        });
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(Image, { alt: "", ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSlider.test.d.ts

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

package/dist/ImageSlider/ImageSlider.test.js

@@ -1,70 +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 { ImageSlider } from './ImageSlider';
-import '@testing-library/jest-dom';
-const observe = jest.fn();
-const unobserve = jest.fn();
-const disconnect = jest.fn();
-const takeRecords = jest.fn();
-// Mock implementation of IntersectionObserver
-window.IntersectionObserver = jest.fn(() => ({
-    disconnect,
-    observe,
-    root: null,
-    rootMargin: '',
-    takeRecords,
-    thresholds: [],
-    unobserve,
-}));
-describe('Image Slider', () => {
-    const images = [
-        {
-            alt: 'Bridge',
-            src: 'https://picsum.photos/id/122/320/180',
-        },
-        {
-            alt: 'Bunker',
-            src: 'https://picsum.photos/id/101/320/180',
-        },
-        {
-            alt: 'Chairs',
-            src: 'https://picsum.photos/id/153/320/180',
-        },
-    ];
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders slides', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const slides = Array.from(container.querySelectorAll('.ams-image-slider__item'));
-        expect(slides).toHaveLength(3);
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSlider, { className: "extra", images: images }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSlider, { images: images, ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-    it('renders thumbnails', () => {
-        const { container } = render(_jsx(ImageSlider, { images: images }));
-        expect(container.querySelector('.ams-image-slider__thumbnails')).toBeInTheDocument();
-    });
-});

package/dist/ImageSlider/ImageSliderControls.test.d.ts

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

package/dist/ImageSlider/ImageSliderControls.test.js

@@ -1,25 +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 { ImageSliderControls } from './ImageSliderControls';
-import '@testing-library/jest-dom';
-describe('Image Slider Controls', () => {
-    const nextLabel = 'Volgende';
-    const previousLabel = 'Vorige';
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderControls, { nextLabel: nextLabel, previousLabel: previousLabel }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderControls, { nextLabel: nextLabel, previousLabel: previousLabel, ref: ref }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSliderItem.test.d.ts

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

package/dist/ImageSlider/ImageSliderItem.test.js

@@ -1,37 +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 { ImageSliderItem } from './ImageSliderItem';
-import '@testing-library/jest-dom';
-describe('Image Slider Item', () => {
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders children', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0, children: "child" }));
-        expect(container).toHaveTextContent('child');
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSliderItem, { slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__item');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSliderItem, { className: "extra", slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__item extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderItem, { ref: ref, slideId: 0 }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

package/dist/ImageSlider/ImageSliderScroller.test.d.ts

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

package/dist/ImageSlider/ImageSliderScroller.test.js

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

package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts

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

package/dist/ImageSlider/ImageSliderThumbnails.test.js

@@ -1,52 +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 { ImageSliderThumbnails } from './ImageSliderThumbnails';
-import '@testing-library/jest-dom';
-describe('Image Slider Thumbnails', () => {
-    const thumbnails = [
-        {
-            alt: 'This is gallery image 1',
-            src: 'https://picsum.photos/id/122/1280/720',
-        },
-        {
-            alt: 'This is gallery image 2',
-            src: 'https://picsum.photos/id/101/1280/720',
-        },
-        {
-            alt: 'This is gallery image 3',
-            src: 'https://picsum.photos/id/153/1280/720',
-        },
-    ];
-    it('renders', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toBeInTheDocument();
-        expect(component).toBeVisible();
-    });
-    it('renders thumbnails', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const thumbs = container.querySelectorAll('.ams-image-slider__thumbnail');
-        expect(thumbs).toHaveLength(thumbnails.length);
-    });
-    it('renders a design system BEM class name', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__thumbnails');
-    });
-    it('renders an extra class name', () => {
-        const { container } = render(_jsx(ImageSliderThumbnails, { className: "extra", thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(component).toHaveClass('ams-image-slider__thumbnails extra');
-    });
-    it('supports ForwardRef in React', () => {
-        const ref = createRef();
-        const { container } = render(_jsx(ImageSliderThumbnails, { ref: ref, thumbnails: thumbnails }));
-        const component = container.querySelector(':only-child');
-        expect(ref.current).toBe(component);
-    });
-});

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

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

package/dist/InvalidFormAlert/InvalidFormAlert.test.js

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

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

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

package/dist/Label/Label.test.js

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

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

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