@happyvertical/smrt-svelte 0.53.0 → 0.53.2

package/dist/components/forms/__tests__/FileUpload.native-form.test.js

@@ -1,249 +0,0 @@
-/**
- * FileUpload native-form wiring (#3260).
- *
- * jsdom has no `DataTransfer` constructor, so these tests cover attribute
- * forwarding, the visually-hidden (not `hidden`) input, the required-error
- * announcement, and the no-DataTransfer fallback. The DataTransfer path and the
- * `new FormData(form)` post are proven in a real browser by
- * `e2e/file-upload.spec.ts`; the form-reset cases below also run the mirror
- * against a jsdom `DataTransfer` stand-in.
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { fireEvent, render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { tick } from 'svelte';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import FileUpload from '../FileUpload.svelte';
-import FileUploadResetFixture from './FileUploadReset.fixture.svelte';
-function fileInput(container) {
-    const input = container.querySelector('input[type="file"]');
-    if (!input)
-        throw new Error('file input not found');
-    return input;
-}
-const txt = (name, size = 4) => new File(['a'.repeat(size)], name, { type: 'text/plain' });
-describe('FileUpload — native form wiring', () => {
-    it('forwards name, capture and required to the file input', () => {
-        const { container } = render(FileUpload, {
-            props: { name: 'photo', capture: 'environment', required: true },
-        });
-        const input = fileInput(container);
-        expect(input).toHaveAttribute('name', 'photo');
-        expect(input).toHaveAttribute('capture', 'environment');
-        expect(input).toBeRequired();
-    });
-    it('omits name, capture and required by default', () => {
-        const { container } = render(FileUpload);
-        const input = fileInput(container);
-        expect(input).not.toHaveAttribute('name');
-        expect(input).not.toHaveAttribute('capture');
-        expect(input).not.toBeRequired();
-    });
-    it('keeps the input focusable for native validation but out of the a11y tree and tab order', () => {
-        const { container } = render(FileUpload, { props: { required: true } });
-        const input = fileInput(container);
-        // `hidden` would make the control unfocusable, so the browser could not
-        // show its required bubble and would silently block the submit.
-        expect(input).not.toHaveAttribute('hidden');
-        expect(input).toHaveClass('file-upload__input');
-        expect(input).toHaveAttribute('aria-hidden', 'true');
-        expect(input).toHaveAttribute('tabindex', '-1');
-        // Not nested inside the role="button" drop zone (nested-interactive).
-        expect(screen.getByRole('button').contains(input)).toBe(false);
-    });
-    it('announces a failed required check through the error live region', async () => {
-        const { container } = render(FileUpload, { props: { required: true } });
-        const input = fileInput(container);
-        expect(input.checkValidity()).toBe(false);
-        await fireEvent(input, new Event('invalid'));
-        expect(screen.getByRole('alert').textContent?.trim()).not.toBe('');
-    });
-    it('is axe-clean with name, capture and required', async () => {
-        const { container } = render(FileUpload, {
-            props: {
-                label: 'Mill cert photo',
-                name: 'photo',
-                capture: 'environment',
-                required: true,
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-});
-describe('FileUpload — fallback without the DataTransfer constructor', () => {
-    it('runs in an environment without DataTransfer', () => {
-        expect(typeof globalThis.DataTransfer).toBe('undefined');
-    });
-    it('keeps the native selection when it matches the accepted list', async () => {
-        const { container } = render(FileUpload, { props: { name: 'doc' } });
-        const input = fileInput(container);
-        await userEvent.upload(input, txt('a.txt'));
-        expect(screen.getByText('a.txt')).toBeInTheDocument();
-        expect(input.files).toHaveLength(1);
-        expect(input.files?.[0].name).toBe('a.txt');
-    });
-    it('clears the input when a file is removed, so it never posts', async () => {
-        const { container } = render(FileUpload, { props: { name: 'doc' } });
-        const input = fileInput(container);
-        await userEvent.upload(input, txt('a.txt'));
-        await userEvent.click(screen.getByRole('button', { name: /remove a\.txt/i }));
-        expect(input.files).toHaveLength(0);
-    });
-    it('clears the input when the pick is rejected, so it never posts', async () => {
-        const { container } = render(FileUpload, {
-            props: { name: 'doc', maxSize: 1 },
-        });
-        const input = fileInput(container);
-        await userEvent.upload(input, txt('big.txt'));
-        expect(screen.queryByText('big.txt')).not.toBeInTheDocument();
-        expect(input.files).toHaveLength(0);
-    });
-    it('clears the input when an accumulated list no longer matches it', async () => {
-        const { container } = render(FileUpload, {
-            props: { name: 'doc', multiple: true },
-        });
-        const input = fileInput(container);
-        await userEvent.upload(input, txt('a.txt'));
-        await userEvent.upload(input, txt('b.txt'));
-        expect(screen.getByText('a.txt')).toBeInTheDocument();
-        expect(screen.getByText('b.txt')).toBeInTheDocument();
-        expect(input.files).toHaveLength(0);
-    });
-});
-/**
- * A real jsdom `FileList` holding `files`: jsdom's `input.files` setter only
- * accepts genuine instances and has no constructor, so the list comes from a
- * detached input and is filled through its implementation object (mirrors
- * smrt-ui's capture test environment).
- */
-function createFileList(files) {
-    const implOf = (wrapper, guard) => {
-        const holder = wrapper;
-        const key = Object.getOwnPropertySymbols(wrapper).find((s) => guard(holder[s]));
-        if (!key)
-            throw new Error('jsdom wrapper has no implementation symbol');
-        return holder[key];
-    };
-    const list = document.createElement('input');
-    list.type = 'file';
-    const fileList = list.files;
-    const impl = implOf(fileList, Array.isArray);
-    for (const file of files) {
-        impl.push(implOf(file, (v) => typeof v === 'object' && v !== null));
-    }
-    return fileList;
-}
-/** Browser-shaped `DataTransfer` for jsdom: `items.add()` plus a real `files`. */
-class TestDataTransfer {
-    #files = [];
-    items = {
-        add: (file) => {
-            this.#files.push(file);
-            return null;
-        },
-    };
-    get files() {
-        return createFileList(this.#files);
-    }
-}
-/**
- * A reset of the owning form (#3260): SvelteKit `enhance`'s `update()` after a
- * success, `createFormRetry()`'s conditional reset, a reset button and
- * `form.reset()` all empty a native file input, so the list must empty with
- * it. jsdom's reset does not empty file inputs (browsers do), so these
- * assertions prove the component empties its own input.
- */
-describe.each([
-    ['the DataTransfer mirror', true],
-    ['the no-DataTransfer fallback', false],
-])('FileUpload — form reset with %s', (_label, withDataTransfer) => {
-    beforeEach(() => {
-        if (withDataTransfer)
-            vi.stubGlobal('DataTransfer', TestDataTransfer);
-    });
-    afterEach(() => {
-        vi.unstubAllGlobals();
-    });
-    function mount(props = {}) {
-        const onchange = vi.fn();
-        const result = render(FileUploadResetFixture, {
-            props: { onchange, ...props },
-        });
-        const form = result.container.querySelector('form');
-        const bound = () => screen.getByTestId('bound').getAttribute('data-files');
-        return {
-            ...result,
-            form,
-            onchange,
-            bound,
-            input: fileInput(result.container),
-        };
-    }
-    async function pick(input, files) {
-        input.files = createFileList(files);
-        await fireEvent.change(input);
-    }
-    /** Names of the non-empty `doc` entries a native submit would post. */
-    const posted = (form) => new FormData(form).getAll('doc')
-        .filter((file) => file.name !== '')
-        .map((file) => file.name);
-    it('form.reset() empties the list, its error and what posts', async () => {
-        const { form, input, onchange, bound } = mount({ maxSize: 10 });
-        await pick(input, [txt('a.txt'), txt('big.txt', 50)]);
-        expect(screen.getByText('a.txt')).toBeInTheDocument();
-        expect(bound()).toBe('a.txt');
-        expect(screen.getByRole('alert')).toBeInTheDocument();
-        if (withDataTransfer)
-            expect(posted(form)).toEqual(['a.txt']);
-        form.reset();
-        await tick();
-        expect(screen.queryByText('a.txt')).not.toBeInTheDocument();
-        expect(screen.queryByRole('alert')).not.toBeInTheDocument();
-        expect(onchange).toHaveBeenLastCalledWith([]);
-        expect(bound()).toBe('');
-        expect(input.files).toHaveLength(0);
-        expect(posted(form)).toEqual([]);
-        // The next pick posts alone; the reset list is never re-mirrored.
-        await pick(input, [txt('b.txt')]);
-        expect(screen.getByText('b.txt')).toBeInTheDocument();
-        expect(screen.queryByText('a.txt')).not.toBeInTheDocument();
-        expect(posted(form)).toEqual(['b.txt']);
-    });
-    it('a reset button empties the list and required blocks again', async () => {
-        const { form, input } = mount({ required: true });
-        await pick(input, [txt('a.txt')]);
-        expect(input.checkValidity()).toBe(true);
-        await fireEvent.click(screen.getByRole('button', { name: 'Reset form' }));
-        expect(screen.queryByText('a.txt')).not.toBeInTheDocument();
-        expect(posted(form)).toEqual([]);
-        expect(input.validity.valueMissing).toBe(true);
-    });
-    it('empties the list even while disabled, as it empties a disabled input', async () => {
-        const { form, input, rerender, bound } = mount();
-        await pick(input, [txt('a.txt')]);
-        await rerender({ disabled: true });
-        expect(screen.getByText('a.txt')).toBeInTheDocument();
-        form.reset();
-        await tick();
-        expect(screen.queryByText('a.txt')).not.toBeInTheDocument();
-        expect(bound()).toBe('');
-        expect(input.files).toHaveLength(0);
-    });
-    it('does not report an empty list that was already empty', async () => {
-        const { form, onchange } = mount();
-        form.reset();
-        await tick();
-        expect(onchange).not.toHaveBeenCalled();
-    });
-    it('ignores the reset of another form', async () => {
-        const { input, onchange } = mount();
-        await pick(input, [txt('a.txt')]);
-        onchange.mockClear();
-        const other = document.createElement('form');
-        document.body.append(other);
-        other.reset();
-        await tick();
-        expect(screen.getByText('a.txt')).toBeInTheDocument();
-        expect(onchange).not.toHaveBeenCalled();
-    });
-});

package/dist/components/forms/__tests__/FileUpload.test.js

@@ -1,90 +0,0 @@
-/**
- * Component test for FileUpload (Sweep S11, #1416).
- *
- * Follows the golden pattern (src/components/ui/__tests__/Button.test.ts).
- * The native `<input type="file">` is visually hidden (so not in the a11y tree);
- * the interactive surface is a `role="button"` drop zone. We assert the input's
- * accept/multiple wiring and that selecting a file fires the change handler.
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import FileUpload from '../FileUpload.svelte';
-function fileInput(container) {
-    const input = container.querySelector('input[type="file"]');
-    if (!input)
-        throw new Error('file input not found');
-    return input;
-}
-const png = (name = 'photo.png') => new File(['data'], name, { type: 'image/png' });
-describe('FileUpload', () => {
-    it('renders a file input and a drop-zone button with the label', () => {
-        const { container } = render(FileUpload, {
-            props: { label: 'Drop files', hint: 'or browse' },
-        });
-        expect(screen.getByRole('button')).toBeInTheDocument();
-        expect(screen.getByText('Drop files')).toBeInTheDocument();
-        expect(fileInput(container)).toBeInTheDocument();
-    });
-    it('forwards accept and multiple to the file input', () => {
-        const { container } = render(FileUpload, {
-            props: { accept: 'image/png,.pdf', multiple: true },
-        });
-        const input = fileInput(container);
-        expect(input).toHaveAttribute('accept', 'image/png,.pdf');
-        expect(input).toHaveAttribute('multiple');
-    });
-    it('omits the multiple attribute by default', () => {
-        const { container } = render(FileUpload);
-        expect(fileInput(container)).not.toHaveAttribute('multiple');
-    });
-    it('fires onchange and lists the file when one is selected', async () => {
-        const onchange = vi.fn();
-        const { container } = render(FileUpload, {
-            props: { accept: 'image/png', onchange },
-        });
-        await userEvent.upload(fileInput(container), png('selfie.png'));
-        expect(onchange).toHaveBeenCalledTimes(1);
-        expect(onchange.mock.calls[0][0]).toHaveLength(1);
-        expect(onchange.mock.calls[0][0][0].name).toBe('selfie.png');
-        expect(screen.getByText('selfie.png')).toBeInTheDocument();
-    });
-    it('removes a selected file via its remove button', async () => {
-        const onchange = vi.fn();
-        const { container } = render(FileUpload, { props: { onchange } });
-        await userEvent.upload(fileInput(container), png('doc.png'));
-        expect(screen.getByText('doc.png')).toBeInTheDocument();
-        await userEvent.click(screen.getByRole('button', { name: /remove doc\.png/i }));
-        expect(screen.queryByText('doc.png')).not.toBeInTheDocument();
-        expect(onchange).toHaveBeenLastCalledWith([]);
-    });
-    it('rejects an oversized file and shows a max-size error', async () => {
-        // userEvent.upload honors the `accept` filter, so we exercise rejection via
-        // maxSize (which it does not enforce). A 4-byte file exceeds maxSize: 1.
-        const onchange = vi.fn();
-        const { container } = render(FileUpload, {
-            props: { accept: 'image/png', maxSize: 1, onchange },
-        });
-        await userEvent.upload(fileInput(container), png('big.png'));
-        expect(screen.queryByText('big.png')).not.toBeInTheDocument();
-        expect(screen.getByText(/exceed the maximum size/i)).toBeInTheDocument();
-    });
-    it('disables the drop zone when disabled', () => {
-        render(FileUpload, { props: { disabled: true } });
-        expect(screen.getByRole('button')).toHaveAttribute('tabindex', '-1');
-    });
-    it('is axe-clean in the default state', async () => {
-        const { container } = render(FileUpload, {
-            props: { label: 'Upload your documents' },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean after a file is selected', async () => {
-        const { container } = render(FileUpload, {
-            props: { label: 'Upload your documents' },
-        });
-        await userEvent.upload(fileInput(container), png('report.png'));
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/FileUploadReset.fixture.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-import FileUpload from '../FileUpload.svelte';
-
-let {
-  disabled = false,
-  required = false,
-  maxSize,
-  onchange,
-}: {
-  disabled?: boolean;
-  required?: boolean;
-  maxSize?: number;
-  onchange?: (files: File[]) => void;
-} = $props();
-
-let files = $state<File[]>([]);
-</script>
-
-<!-- A plain form with a bound list and a native reset button (#3260). -->
-<form>
-  <FileUpload name="doc" multiple {disabled} {required} {maxSize} {onchange} bind:files />
-  <output data-testid="bound" data-files={files.map((file) => file.name).join(',')}></output>
-  <button type="reset">Reset form</button>
-</form>

package/dist/components/forms/__tests__/FileUploadReset.fixture.svelte.d.ts

@@ -1,10 +0,0 @@
-type $$ComponentProps = {
-    disabled?: boolean;
-    required?: boolean;
-    maxSize?: number;
-    onchange?: (files: File[]) => void;
-};
-declare const FileUploadReset: import("svelte").Component<$$ComponentProps, {}, "">;
-type FileUploadReset = ReturnType<typeof FileUploadReset>;
-export default FileUploadReset;
-//# sourceMappingURL=FileUploadReset.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/FileUploadReset.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadReset.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/FileUploadReset.fixture.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACpC,CAAC;AAuBF,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/forms/__tests__/Form.behavior.test.js

@@ -1,137 +0,0 @@
-/**
- * Deep behavior tests for Form (Sweep S11, #1416).
- *
- * The shallow golden test (Form.test.ts) only covers the <form> element, child
- * rendering, the onsubmit contract, and axe. This suite exercises the real
- * value-collection logic: Form registers child fields through its context, and
- * on submit it walks every registered field's getValue() to build the data
- * object. We mount Form via an inline fixture that nests TextInput +
- * NumberInput so the registration → collection → onsubmit pipeline runs for
- * real (no mocked field logic).
- *
- * Form depends on the Provider-backed useAppState/useSTT hooks (they throw
- * outside a <Provider>), so both are mocked to non-listening stubs — the
- * reference pattern from Form.test.ts.
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-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';
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'default' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => ({
-        isListening: false,
-        lastResult: '',
-        isReady: false,
-        adapterType: null,
-        isInitializing: false,
-        downloadProgress: 0,
-        initialize: vi.fn(),
-        start: vi.fn(),
-        stop: vi.fn(),
-    }),
-}));
-import Form from '../Form.svelte';
-import FormWithFields from './form-with-fields.fixture.svelte';
-function submitButton() {
-    return createRawSnippet(() => ({
-        render: () => `<button type="submit">Submit</button>`,
-    }));
-}
-describe('Form — submit value collection', () => {
-    it('collects each registered field value into the onsubmit data object', async () => {
-        const onsubmit = vi.fn();
-        render(FormWithFields, {
-            props: { onsubmit, textValue: 'Ada Lovelace', numberValue: 36 },
-        });
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenCalledTimes(1);
-        expect(onsubmit).toHaveBeenCalledWith({
-            fullname: 'Ada Lovelace',
-            age: 36,
-        });
-    });
-    it('reflects live typing into the collected submit data', async () => {
-        const onsubmit = vi.fn();
-        render(FormWithFields, { props: { onsubmit } });
-        await userEvent.type(screen.getByLabelText('Full name'), 'Grace');
-        await userEvent.type(screen.getByLabelText('Age'), '50');
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenCalledWith({ fullname: 'Grace', age: 50 });
-    });
-    it('prevents native submission when an onsubmit handler is provided', async () => {
-        const onsubmit = vi.fn();
-        const { container } = render(FormWithFields, { props: { onsubmit } });
-        const form = container.querySelector('form');
-        expect(form).toBeInTheDocument();
-        const submitEvent = new Event('submit', {
-            bubbles: true,
-            cancelable: true,
-        });
-        form.dispatchEvent(submitEvent);
-        expect(onsubmit).toHaveBeenCalledTimes(1);
-        expect(submitEvent.defaultPrevented).toBe(true);
-    });
-    it('does NOT prevent native submission when no onsubmit handler is set', () => {
-        const { container } = render(FormWithFields, { props: {} });
-        const form = container.querySelector('form');
-        const submitEvent = new Event('submit', {
-            bubbles: true,
-            cancelable: true,
-        });
-        form.dispatchEvent(submitEvent);
-        // Native submission left intact for SvelteKit form actions / use:enhance.
-        expect(submitEvent.defaultPrevented).toBe(false);
-    });
-    it('drops a field from the collected data once it unmounts (unregister)', async () => {
-        const onsubmit = vi.fn();
-        const { rerender } = render(FormWithFields, {
-            props: { onsubmit, textValue: 'Keep', numberValue: 7, showAge: true },
-        });
-        // Both fields registered → both collected.
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenLastCalledWith({ fullname: 'Keep', age: 7 });
-        // Unmount the age field; its generation-bound disposer drops it from submit.
-        await rerender({
-            onsubmit,
-            textValue: 'Keep',
-            numberValue: 7,
-            showAge: false,
-        });
-        expect(screen.queryByLabelText('Age')).toBeNull();
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenLastCalledWith({ fullname: 'Keep' });
-    });
-});
-describe('Form — native form attributes', () => {
-    it('forwards method and action onto the <form> element', () => {
-        const { container } = render(Form, {
-            props: { children: submitButton(), method: 'POST', action: '/save' },
-        });
-        const form = container.querySelector('form');
-        expect(form).toHaveAttribute('method', 'POST');
-        expect(form).toHaveAttribute('action', '/save');
-    });
-    it('submits empty data when no fields are registered', async () => {
-        const onsubmit = vi.fn();
-        render(Form, { props: { children: submitButton(), onsubmit } });
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenCalledWith({});
-    });
-});
-describe('Form — status region & a11y', () => {
-    it('renders a polite, visually-hidden status region', () => {
-        render(Form, { props: { children: submitButton() } });
-        const status = screen.getByRole('status');
-        expect(status).toHaveAttribute('aria-live', 'polite');
-    });
-    it('is axe-clean with nested labelled fields', async () => {
-        const { container } = render(FormWithFields, {
-            props: { onsubmit: vi.fn() },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/Form.extraction.test.js

@@ -1,68 +0,0 @@
-import { render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-const sttStub = {
-    isListening: false,
-    isInitializing: false,
-    isReady: true,
-    adapterType: 'browser-speech',
-    downloadProgress: 0,
-    lastResult: '',
-    initialize: vi.fn(async () => { }),
-    start: vi.fn(async () => { }),
-    stop: vi.fn(async () => { }),
-};
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'smrt' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => sttStub,
-}));
-import FormExtractionValues from './form-extraction-values.fixture.svelte';
-describe('Form voice extraction', () => {
-    beforeEach(() => {
-        sttStub.lastResult = '';
-        sttStub.start.mockClear();
-        sttStub.stop.mockClear();
-    });
-    it('skips an invalid earlier field and applies a later valid field', async () => {
-        const ageChanged = vi.fn();
-        const textChanged = vi.fn();
-        render(FormExtractionValues, {
-            props: { onagechange: ageChanged, ontextchange: textChanged },
-        });
-        const listen = screen.getByRole('button', { name: 'Speak all fields' });
-        await userEvent.click(listen);
-        sttStub.lastResult = 'age nonsense full name Ada Lovelace';
-        await userEvent.click(listen);
-        await waitFor(() => expect(screen.getByRole('textbox', { name: 'Full name' })).toHaveValue('Ada Lovelace'));
-        expect(ageChanged).not.toHaveBeenCalled();
-        expect(textChanged).toHaveBeenLastCalledWith('Ada Lovelace');
-        expect(screen.queryByRole('alert')).not.toBeInTheDocument();
-        expect(screen.queryByText('staged_value_invalid')).not.toBeInTheDocument();
-    });
-    it('parses a spoken date range and continues to a later field', async () => {
-        const datesChanged = vi.fn();
-        const textChanged = vi.fn();
-        render(FormExtractionValues, {
-            props: {
-                showDateRange: true,
-                ondateschange: datesChanged,
-                ontextchange: textChanged,
-            },
-        });
-        const listen = screen.getByRole('button', { name: 'Speak all fields' });
-        await userEvent.click(listen);
-        sttStub.lastResult =
-            'dates from January 15 2026 to January 20 2026 full name Grace Hopper';
-        await userEvent.click(listen);
-        await waitFor(() => expect(datesChanged).toHaveBeenLastCalledWith({
-            startDate: '2026-01-15',
-            endDate: '2026-01-20',
-        }));
-        expect(screen.getByRole('textbox', { name: 'Full name' })).toHaveValue('Grace Hopper');
-        expect(textChanged).toHaveBeenLastCalledWith('Grace Hopper');
-        expect(screen.queryByRole('alert')).not.toBeInTheDocument();
-        expect(screen.queryByText('staged_value_invalid')).not.toBeInTheDocument();
-    });
-});

package/dist/components/forms/__tests__/Form.stt-error.test.js

@@ -1,57 +0,0 @@
-/**
- * Regression: Form voice-listening init failures don't wedge the form (C2/C3).
- *
- * `startFormListening` awaited `stt.initialize()`/`stt.start()` with no
- * try/catch. On rejection the listening flags stayed set, the auto-stop $effect
- * (gated on !isStarting) was suppressed, and the form was stuck in a permanent
- * "listening" state with no surfaced error. The fix wraps the flow in
- * try/catch/finally: reset the flags and show the error.
- */
-import { render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { createRawSnippet } from 'svelte';
-import { describe, expect, it, vi } from 'vitest';
-const sttStub = {
-    isListening: false,
-    isInitializing: false,
-    isReady: false,
-    adapterType: null,
-    downloadProgress: 0,
-    lastResult: '',
-    initialize: vi.fn(async () => {
-        throw new Error('model download failed');
-    }),
-    start: vi.fn(async () => { }),
-    stop: vi.fn(async () => { }),
-};
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'smrt' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => sttStub,
-}));
-import Form from '../Form.svelte';
-function child() {
-    return createRawSnippet(() => ({
-        render: () => '<span>fields</span>',
-    }));
-}
-describe('Form — voice-listening init failure (C2)', () => {
-    it('surfaces an error and does not wedge when STT init rejects', async () => {
-        render(Form, {
-            props: { children: child(), showFormListen: true },
-        });
-        // The form-listen button is shown in smrt mode; clicking it starts listening.
-        const listenBtn = screen.getByRole('button');
-        await userEvent.click(listenBtn);
-        // initialize() rejected — an error must be surfaced (role=alert region).
-        await waitFor(() => {
-            expect(screen.getByRole('alert')).toBeInTheDocument();
-        });
-        expect(screen.getByRole('alert').textContent).toMatch(/model download failed/i);
-        // And the form is NOT wedged: the polite status region is not stuck on the
-        // "listening" message (listening flag was reset).
-        const status = screen.getByRole('status');
-        expect(status.textContent?.trim()).toBe('');
-    });
-});