@happyvertical/smrt-ui 0.53.1 → 0.53.2

package/dist/components/feedback/__tests__/ConfirmDialog.test.js

@@ -1,181 +0,0 @@
-/** Native confirmation rendering, actions, focus and instance identity. */
-import { fireEvent, render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import { expectNoA11yViolations } from '../../../test-support/a11y';
-import ConfirmDialog from '../ConfirmDialog.svelte';
-import RichMessage from './confirm-message.fixture.svelte';
-const baseProps = {
-    open: true,
-    title: 'Delete item',
-    message: 'This action cannot be undone.',
-};
-describe('ConfirmDialog', () => {
-    it('renders a labelled dialog with title and message when open', () => {
-        render(ConfirmDialog, { props: baseProps });
-        const dialog = screen.getByRole('dialog');
-        expect(dialog).toHaveAttribute('aria-modal', 'true');
-        expect(screen.getByRole('heading', { name: 'Delete item' })).toBeInTheDocument();
-        expect(dialog).toHaveAccessibleName('Delete item');
-        expect(screen.getByText('This action cannot be undone.')).toBeInTheDocument();
-    });
-    it('uses native dialog and unique instance description ids', () => {
-        render(ConfirmDialog, { props: baseProps });
-        render(ConfirmDialog, {
-            props: { ...baseProps, title: 'Second', message: 'Other' },
-        });
-        const dialogs = screen.getAllByRole('dialog');
-        expect(dialogs.every((dialog) => dialog instanceof HTMLDialogElement)).toBe(true);
-        for (const attribute of ['aria-labelledby', 'aria-describedby']) {
-            const ids = dialogs.map((dialog) => dialog.getAttribute(attribute));
-            expect(new Set(ids).size).toBe(2);
-            for (let index = 0; index < dialogs.length; index++) {
-                expect(dialogs[index].contains(document.getElementById(ids[index]))).toBe(true);
-            }
-        }
-    });
-    it('handles native cancel without closing outside controlled state', async () => {
-        const oncancel = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-        const dialog = screen.getByRole('dialog');
-        const event = new Event('cancel', { cancelable: true });
-        await fireEvent(dialog, event);
-        expect(event.defaultPrevented).toBe(true);
-        expect(oncancel).toHaveBeenCalledTimes(1);
-        expect(dialog).toHaveAttribute('open');
-    });
-    it('renders a snippet message as accessible rich content', () => {
-        render(RichMessage);
-        const dialog = screen.getByRole('dialog', { name: 'Rich confirmation' });
-        expect(dialog.querySelector('strong')).toHaveTextContent('Record name');
-        expect(screen.getAllByRole('listitem')).toHaveLength(2);
-        expect(dialog).toHaveAccessibleDescription('Remove Record name? Notes Attachments');
-    });
-    it('renders nothing when closed', () => {
-        render(ConfirmDialog, { props: { ...baseProps, open: false } });
-        expect(screen.queryByRole('dialog')).toBeNull();
-    });
-    it('uses default Confirm / Cancel button labels', () => {
-        render(ConfirmDialog, { props: baseProps });
-        expect(screen.getByRole('button', { name: 'Confirm' })).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
-    });
-    it('honors custom confirm/cancel labels', () => {
-        render(ConfirmDialog, {
-            props: { ...baseProps, confirmLabel: 'Delete', cancelLabel: 'Keep' },
-        });
-        expect(screen.getByRole('button', { name: 'Delete' })).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Keep' })).toBeInTheDocument();
-    });
-    it('fires onconfirm when the confirm button is clicked', async () => {
-        const onconfirm = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, onconfirm } });
-        await userEvent.click(screen.getByRole('button', { name: 'Confirm' }));
-        expect(onconfirm).toHaveBeenCalledTimes(1);
-    });
-    it('fires oncancel when the cancel button is clicked', async () => {
-        const oncancel = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
-        expect(oncancel).toHaveBeenCalledTimes(1);
-    });
-    it('fires oncancel when Escape is pressed', async () => {
-        const oncancel = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-        screen.getByRole('dialog').focus();
-        await userEvent.keyboard('{Escape}');
-        expect(oncancel).toHaveBeenCalledTimes(1);
-    });
-    it('fires oncancel when the backdrop is clicked', async () => {
-        const oncancel = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-        await userEvent.click(screen.getByRole('dialog'));
-        expect(oncancel).toHaveBeenCalledTimes(1);
-    });
-    it('does not fire oncancel when clicking inside the dialog content', async () => {
-        const oncancel = vi.fn();
-        render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-        await userEvent.click(screen.getByRole('heading', { name: 'Delete item' }));
-        expect(oncancel).not.toHaveBeenCalled();
-    });
-    describe('focus management (#1586)', () => {
-        it('moves focus to the confirm button when opened', async () => {
-            render(ConfirmDialog, { props: baseProps });
-            await waitFor(() => expect(screen.getByRole('button', { name: 'Confirm' })).toHaveFocus());
-        });
-        it('traps Tab focus within the dialog', async () => {
-            render(ConfirmDialog, { props: baseProps });
-            const confirm = screen.getByRole('button', { name: 'Confirm' });
-            const cancel = screen.getByRole('button', { name: 'Cancel' });
-            await waitFor(() => expect(confirm).toHaveFocus());
-            // Tab from the last focusable (confirm) wraps to the first (cancel).
-            await userEvent.tab();
-            expect(cancel).toHaveFocus();
-            // Shift+Tab from the first focusable (cancel) wraps back to confirm.
-            await userEvent.tab({ shift: true });
-            expect(confirm).toHaveFocus();
-        });
-        it('restores focus to the opener when closed', async () => {
-            // An external trigger holds focus before the dialog opens.
-            const opener = document.createElement('button');
-            opener.textContent = 'Open';
-            document.body.appendChild(opener);
-            opener.focus();
-            expect(opener).toHaveFocus();
-            const { rerender } = render(ConfirmDialog, { props: baseProps });
-            await waitFor(() => expect(screen.getByRole('button', { name: 'Confirm' })).toHaveFocus());
-            await rerender({ ...baseProps, open: false });
-            expect(opener).toHaveFocus();
-            opener.remove();
-        });
-        it('does not consume Escape from outside its dialog', async () => {
-            const oncancel = vi.fn();
-            render(ConfirmDialog, { props: { ...baseProps, oncancel } });
-            await fireEvent.keyDown(window, { key: 'Escape' });
-            expect(oncancel).not.toHaveBeenCalled();
-        });
-        it('focuses the dialog container when all controls are disabled (loading)', async () => {
-            // Both buttons are disabled while loading, so there is no focusable
-            // control; focus falls back to the dialog container (tabindex=-1) to stay
-            // contained and keep Escape reachable.
-            render(ConfirmDialog, { props: { ...baseProps, loading: true } });
-            await waitFor(() => expect(screen.getByRole('dialog')).toHaveFocus());
-        });
-    });
-    it('disables both buttons while loading', () => {
-        render(ConfirmDialog, { props: { ...baseProps, loading: true } });
-        expect(screen.getByRole('button', { name: 'Confirm' })).toBeDisabled();
-        expect(screen.getByRole('button', { name: 'Cancel' })).toBeDisabled();
-    });
-    it('does not fire callbacks from disabled buttons while loading', async () => {
-        const onconfirm = vi.fn();
-        const oncancel = vi.fn();
-        render(ConfirmDialog, {
-            props: { ...baseProps, loading: true, onconfirm, oncancel },
-        });
-        await userEvent.click(screen.getByRole('button', { name: 'Confirm' }));
-        await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
-        expect(onconfirm).not.toHaveBeenCalled();
-        expect(oncancel).not.toHaveBeenCalled();
-    });
-    it('applies destructive styling to the confirm button', () => {
-        render(ConfirmDialog, {
-            props: { ...baseProps, destructive: true, confirmLabel: 'Delete' },
-        });
-        expect(screen.getByRole('button', { name: 'Delete' })).toHaveClass('destructive');
-    });
-    it('omits destructive styling by default', () => {
-        render(ConfirmDialog, { props: baseProps });
-        expect(screen.getByRole('button', { name: 'Confirm' })).not.toHaveClass('destructive');
-    });
-    it('is axe-clean while open', async () => {
-        const { container } = render(ConfirmDialog, { props: baseProps });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean in the destructive loading state', async () => {
-        const { container } = render(ConfirmDialog, {
-            props: { ...baseProps, destructive: true, loading: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/feedback/__tests__/LoadingOverlay.test.js

@@ -1,113 +0,0 @@
-/**
- * Golden test for LoadingOverlay (Sweep S11, #1416).
- *
- * LoadingOverlay renders a full-screen `role="dialog"` busy surface only while
- * `show` is true and not dismissed. It carries `aria-busy` (true unless an
- * error is present), an `aria-labelledby` title from `message`, optional
- * progress/items, an error message, and a dismiss button when `dismissible`.
- */
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import { expectNoA11yViolations } from '../../../test-support/a11y';
-import LoadingOverlay from '../LoadingOverlay.svelte';
-describe('LoadingOverlay', () => {
-    it('renders nothing when not shown', () => {
-        render(LoadingOverlay, { props: { show: false } });
-        expect(screen.queryByRole('dialog')).toBeNull();
-    });
-    it('renders a busy dialog labelled by its message when shown', () => {
-        render(LoadingOverlay, {
-            props: { show: true, message: 'Importing data' },
-        });
-        const dialog = screen.getByRole('dialog');
-        expect(dialog).toHaveAttribute('aria-busy', 'true');
-        expect(dialog).toHaveAccessibleName('Importing data');
-        expect(screen.getByRole('heading', { name: 'Importing data' })).toBeInTheDocument();
-    });
-    it('uses a default message when none is provided', () => {
-        render(LoadingOverlay, { props: { show: true } });
-        expect(screen.getByRole('heading', { name: 'Loading...' })).toBeInTheDocument();
-    });
-    it('shows a progress percentage when progress > 0', () => {
-        render(LoadingOverlay, { props: { show: true, progress: 60 } });
-        expect(screen.getByText('60%')).toBeInTheDocument();
-    });
-    it('omits the progress readout when progress is 0', () => {
-        render(LoadingOverlay, { props: { show: true, progress: 0 } });
-        expect(screen.queryByText('0%')).toBeNull();
-    });
-    it('renders completed items', () => {
-        render(LoadingOverlay, {
-            props: { show: true, items: ['Profiles', 'Assets'] },
-        });
-        expect(screen.getByText('Profiles')).toBeInTheDocument();
-        expect(screen.getByText('Assets')).toBeInTheDocument();
-    });
-    it('clears aria-busy and shows the error message in the error state', () => {
-        render(LoadingOverlay, {
-            props: { show: true, error: { message: 'Import failed' } },
-        });
-        const dialog = screen.getByRole('dialog');
-        expect(dialog).toHaveAttribute('aria-busy', 'false');
-        expect(screen.getByText('Import failed')).toBeInTheDocument();
-    });
-    it('announces the error via an assertive alert region (#1586)', () => {
-        // aria-busy flips to false on error, so without a live region the failure
-        // would change visually only and never reach a screen reader.
-        render(LoadingOverlay, {
-            props: { show: true, error: { message: 'Import failed' } },
-        });
-        const alert = screen.getByRole('alert');
-        expect(alert).toHaveTextContent('Import failed');
-        expect(alert).toHaveAttribute('aria-live', 'assertive');
-    });
-    it('exposes no alert region while loading without an error (#1586)', () => {
-        render(LoadingOverlay, { props: { show: true, message: 'Working' } });
-        expect(screen.queryByRole('alert')).toBeNull();
-    });
-    it('omits the dismiss button unless dismissible', () => {
-        render(LoadingOverlay, { props: { show: true } });
-        expect(screen.queryByRole('button', { name: 'Continue' })).toBeNull();
-    });
-    it('fires ondismiss and hides the overlay when the dismiss button is clicked', async () => {
-        const ondismiss = vi.fn();
-        render(LoadingOverlay, {
-            props: { show: true, dismissible: true, ondismiss },
-        });
-        await userEvent.click(screen.getByRole('button', { name: 'Continue' }));
-        expect(ondismiss).toHaveBeenCalledTimes(1);
-        expect(screen.queryByRole('dialog')).toBeNull();
-    });
-    it('dismisses via the Escape key when dismissible', async () => {
-        const ondismiss = vi.fn();
-        render(LoadingOverlay, {
-            props: { show: true, dismissible: true, ondismiss },
-        });
-        await userEvent.keyboard('{Escape}');
-        expect(ondismiss).toHaveBeenCalledTimes(1);
-        expect(screen.queryByRole('dialog')).toBeNull();
-    });
-    it('ignores Escape when not dismissible', async () => {
-        render(LoadingOverlay, { props: { show: true, dismissible: false } });
-        await userEvent.keyboard('{Escape}');
-        expect(screen.getByRole('dialog')).toBeInTheDocument();
-    });
-    it('is axe-clean in the loading state', async () => {
-        const { container } = render(LoadingOverlay, {
-            props: { show: true, message: 'Loading your workspace', progress: 45 },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean with completed items and a dismiss action', async () => {
-        const { container } = render(LoadingOverlay, {
-            props: {
-                show: true,
-                message: 'Almost done',
-                items: ['Step one'],
-                dismissible: true,
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/feedback/__tests__/Modal.test.js

@@ -1,72 +0,0 @@
-/**
- * Golden test for Modal (Sweep L4, #1423).
- *
- * Modal wraps a native <dialog>; jsdom implements showModal()/close(), so the
- * open/close effect runs. Content is always in the DOM — visibility is driven
- * by the dialog's modal state.
- */
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { createRawSnippet } from 'svelte';
-import { describe, expect, it, vi } from 'vitest';
-import { expectNoA11yViolations } from '../../../test-support/a11y';
-import Modal from '../Modal.svelte';
-function bodySnippet(text) {
-    return createRawSnippet(() => ({ render: () => `<p>${text}</p>` }));
-}
-describe('Modal', () => {
-    it('exposes a dialog labelled by its title, with content', () => {
-        render(Modal, {
-            props: {
-                open: true,
-                title: 'Settings',
-                children: bodySnippet('Body copy'),
-            },
-        });
-        const dialog = screen.getByRole('dialog', { hidden: true });
-        expect(dialog).toHaveAttribute('aria-label', 'Settings');
-        expect(screen.getByRole('heading', { name: 'Settings', hidden: true })).toBeInTheDocument();
-        expect(screen.getByText('Body copy')).toBeInTheDocument();
-    });
-    it('invokes onClose from the close button', async () => {
-        const onClose = vi.fn();
-        render(Modal, { props: { open: true, title: 'X', onClose } });
-        await userEvent.click(screen.getByRole('button', { name: 'Close modal', hidden: true }));
-        expect(onClose).toHaveBeenCalledTimes(1);
-    });
-    it('omits the close button when showClose is false', () => {
-        render(Modal, { props: { open: true, title: 'X', showClose: false } });
-        expect(screen.queryByRole('button', { name: 'Close modal', hidden: true })).toBeNull();
-    });
-    it('defaults to centered placement', () => {
-        render(Modal, { props: { open: true, title: 'X' } });
-        expect(screen.getByRole('dialog', { hidden: true })).toHaveClass('modal--center');
-    });
-    it('applies the end (drawer) placement variant', () => {
-        render(Modal, { props: { open: true, title: 'X', placement: 'end' } });
-        const dialog = screen.getByRole('dialog', { hidden: true });
-        expect(dialog).toHaveClass('modal--end');
-        expect(dialog).not.toHaveClass('modal--center');
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(Modal, {
-            props: {
-                open: true,
-                title: 'Accessible dialog',
-                children: bodySnippet('content'),
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean with end placement', async () => {
-        const { container } = render(Modal, {
-            props: {
-                open: true,
-                title: 'Detail drawer',
-                placement: 'end',
-                children: bodySnippet('content'),
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/feedback/__tests__/PhoneSheet.test.js

@@ -1,101 +0,0 @@
-/**
- * PhoneSheet: a non-modal phone surface (full-screen page or bottom sheet)
- * that stays mounted while closed, closes on its button / Escape / swipe
- * down, and manages focus.
- */
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { createRawSnippet, flushSync, tick } from 'svelte';
-import { describe, expect, it, vi } from 'vitest';
-import { expectNoA11yViolations } from '../../../test-support/a11y';
-import PhoneSheet from '../PhoneSheet.svelte';
-const body = createRawSnippet(() => ({
-    render: () => '<p>Sheet body</p>',
-}));
-describe('PhoneSheet', () => {
-    it('renders a labelled dialog with a named close button when open', async () => {
-        const { container } = render(PhoneSheet, {
-            props: {
-                open: true,
-                title: 'Notifications',
-                onclose: () => { },
-                children: body,
-            },
-        });
-        const dialog = screen.getByRole('dialog', { name: 'Notifications' });
-        expect(dialog).toHaveAttribute('aria-hidden', 'false');
-        expect(screen.getByRole('button', { name: 'Close Notifications' })).toBeInTheDocument();
-        expect(screen.getByText('Sheet body')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('stays mounted but hidden and inert while closed', () => {
-        render(PhoneSheet, {
-            props: {
-                open: false,
-                title: 'Assistant',
-                onclose: () => { },
-                children: body,
-            },
-        });
-        const sheet = screen.getByTestId('phone-sheet');
-        expect(sheet).toHaveAttribute('aria-hidden', 'true');
-        // jsdom has no `inert` IDL attribute, so Svelte sets it as a property.
-        expect(sheet.hasAttribute('inert') ||
-            sheet.inert).toBe(true);
-        expect(sheet.classList.contains('open')).toBe(false);
-    });
-    it('closes on the close button and on Escape', async () => {
-        const onclose = vi.fn();
-        render(PhoneSheet, {
-            props: {
-                open: true,
-                title: 'Assistant',
-                onclose,
-                closeLabel: 'Close the assistant',
-                children: body,
-            },
-        });
-        await userEvent.click(screen.getByRole('button', { name: 'Close the assistant' }));
-        expect(onclose).toHaveBeenCalledTimes(1);
-        screen.getByRole('dialog').dispatchEvent(new KeyboardEvent('keydown', {
-            key: 'Escape',
-            bubbles: true,
-            cancelable: true,
-        }));
-        expect(onclose).toHaveBeenCalledTimes(2);
-    });
-    it('moves focus in on open and back to the opener on close', async () => {
-        const opener = document.createElement('button');
-        document.body.appendChild(opener);
-        opener.focus();
-        const { rerender } = render(PhoneSheet, {
-            props: {
-                open: false,
-                title: 'Assistant',
-                onclose: () => { },
-                children: body,
-            },
-        });
-        await rerender({ open: true });
-        await tick();
-        await tick();
-        expect(document.activeElement).toBe(screen.getByTestId('phone-sheet'));
-        await rerender({ open: false });
-        flushSync();
-        expect(document.activeElement).toBe(opener);
-        opener.remove();
-    });
-    it('draws a grabber only for the sheet variant', () => {
-        const { container } = render(PhoneSheet, {
-            props: {
-                open: true,
-                title: 'Assistant',
-                variant: 'sheet',
-                onclose: () => { },
-                children: body,
-            },
-        });
-        expect(container.querySelector('.phone-sheet__grabber')).not.toBeNull();
-        expect(container.querySelector('.phone-sheet--sheet')).not.toBeNull();
-    });
-});

package/dist/components/feedback/__tests__/ProgressBar.test.js

@@ -1,89 +0,0 @@
-/**
- * Golden test for ProgressBar (Sweep S11, #1416).
- *
- * ProgressBar renders a `role="progressbar"` track carrying
- * `aria-valuenow`/`aria-valuemin`/`aria-valuemax` from its `value`/`max` props.
- * An optional header shows a percentage, a value/max pair, or a custom label,
- * plus an "over by" badge when `value` exceeds `max`.
- */
-import { render, screen } from '@testing-library/svelte';
-import { describe, expect, it } from 'vitest';
-import { expectNoA11yViolations } from '../../../test-support/a11y';
-import ProgressBar from '../ProgressBar.svelte';
-describe('ProgressBar', () => {
-    it('gives the progressbar an accessible name (default and custom label)', async () => {
-        const { rerender } = render(ProgressBar, { props: { value: 40 } });
-        // Default accessible name comes from the i18n'd "Progress" label.
-        expect(screen.getByRole('progressbar', { name: 'Progress' })).toBeInTheDocument();
-        // rerender resolves the prop update asynchronously — await before querying.
-        await rerender({ value: 40, label: 'Upload' });
-        expect(screen.getByRole('progressbar', { name: 'Upload' })).toBeInTheDocument();
-    });
-    it('falls back to the default name when label is empty or whitespace', () => {
-        render(ProgressBar, { props: { value: 40, label: '   ' } });
-        expect(screen.getByRole('progressbar', { name: 'Progress' })).toBeInTheDocument();
-    });
-    it('exposes progressbar role with aria-value attributes', () => {
-        render(ProgressBar, { props: { value: 40 } });
-        const bar = screen.getByRole('progressbar');
-        expect(bar).toHaveAttribute('aria-valuenow', '40');
-        expect(bar).toHaveAttribute('aria-valuemin', '0');
-        expect(bar).toHaveAttribute('aria-valuemax', '100');
-    });
-    it('reflects a custom max in aria-valuemax', () => {
-        render(ProgressBar, { props: { value: 30, max: 200 } });
-        const bar = screen.getByRole('progressbar');
-        expect(bar).toHaveAttribute('aria-valuenow', '30');
-        expect(bar).toHaveAttribute('aria-valuemax', '200');
-    });
-    it('does not render a label by default', () => {
-        render(ProgressBar, { props: { value: 25 } });
-        expect(screen.queryByText('25%')).toBeNull();
-    });
-    it('shows a rounded percentage label when showLabel is set', () => {
-        render(ProgressBar, { props: { value: 33, showLabel: true } });
-        expect(screen.getByText('33%')).toBeInTheDocument();
-    });
-    it('shows a value / max label when showValue is set', () => {
-        render(ProgressBar, { props: { value: 75, max: 100, showValue: true } });
-        expect(screen.getByText('75 / 100')).toBeInTheDocument();
-    });
-    it('prefers a custom label over percentage and value', () => {
-        render(ProgressBar, {
-            props: { value: 50, showLabel: true, label: 'Almost there' },
-        });
-        expect(screen.getByText('Almost there')).toBeInTheDocument();
-        expect(screen.queryByText('50%')).toBeNull();
-    });
-    it('caps aria-valuenow display semantics but reports the raw over-budget value', () => {
-        render(ProgressBar, { props: { value: 120, max: 100, showLabel: true } });
-        const bar = screen.getByRole('progressbar');
-        expect(bar).toHaveAttribute('aria-valuenow', '120');
-        expect(bar).toHaveAttribute('aria-valuemax', '100');
-        expect(screen.getByText('Over by 20')).toBeInTheDocument();
-    });
-    it('is axe-clean at 0%', async () => {
-        const { container } = render(ProgressBar, {
-            props: { value: 0, showLabel: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean mid-progress', async () => {
-        const { container } = render(ProgressBar, {
-            props: { value: 50, showLabel: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean at 100%', async () => {
-        const { container } = render(ProgressBar, {
-            props: { value: 100, showLabel: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean in the over-budget state', async () => {
-        const { container } = render(ProgressBar, {
-            props: { value: 130, max: 100, showValue: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-});