@happyvertical/smrt-svelte 0.53.1 → 0.53.3

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

@@ -1,86 +0,0 @@
-/**
- * Golden test for Form (Sweep L4, #1423).
- *
- * Form depends on the Provider-backed `useAppState`/`useSTT` hooks (they throw
- * outside a <Provider>), so we mock them to stub, non-listening defaults — this
- * is the reference pattern for testing hook-dependent components in isolation.
- * The aria-live status region is L1's deliverable (#1420); here we cover the
- * form element, children rendering, the onsubmit contract, and axe.
- */
-import { createControlInteractionRegistry } from '@happyvertical/smrt-ui/forms';
-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';
-function submitButton() {
-    return createRawSnippet(() => ({
-        render: () => `<button type="submit">Submit</button>`,
-    }));
-}
-describe('Form', () => {
-    it('renders a <form> with its children', () => {
-        const { container } = render(Form, { props: { children: submitButton() } });
-        expect(container.querySelector('form')).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Submit' })).toBeInTheDocument();
-    });
-    it('calls onsubmit (preventing native submission) when submitted', async () => {
-        const onsubmit = vi.fn();
-        render(Form, { props: { children: submitButton(), onsubmit } });
-        await userEvent.click(screen.getByRole('button', { name: 'Submit' }));
-        expect(onsubmit).toHaveBeenCalledTimes(1);
-    });
-    it('exposes a polite aria-live status region for async state (L1)', () => {
-        render(Form, { props: { children: submitButton() } });
-        const status = screen.getByRole('status');
-        expect(status).toHaveAttribute('aria-live', 'polite');
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(Form, { props: { children: submitButton() } });
-        await expectNoA11yViolations(container);
-    });
-    it('uses the shared staged-edit review contract for local human apply', async () => {
-        let value = 'Ada';
-        const registry = createControlInteractionRegistry({
-            isLocalGesture: () => true,
-        });
-        const identity = { formId: 'profile', controlId: 'display-name' };
-        registry.register({
-            identity,
-            metadata: { kind: 'text', label: 'Display name' },
-            getValue: () => value,
-            setValue: (next) => {
-                value = String(next);
-            },
-        });
-        render(Form, {
-            props: {
-                children: submitButton(),
-                formId: 'profile',
-                interactionRegistry: registry,
-            },
-        });
-        await registry.execute({ action: 'stage', identity, value: 'Grace' }, { source: 'agent' });
-        expect(value).toBe('Ada');
-        expect(screen.getByRole('region', { name: 'Review proposed changes' })).toBeInTheDocument();
-        await userEvent.click(screen.getByRole('button', { name: 'Apply Display name' }));
-        expect(value).toBe('Grace');
-    });
-});

package/dist/components/forms/__tests__/Form.ui-controls.test.js

@@ -1,119 +0,0 @@
-import { createControlInteractionRegistry } from '@happyvertical/smrt-ui/forms';
-import { render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { tick } from 'svelte';
-import { afterEach, 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,
-        initialize: vi.fn(),
-        start: vi.fn(),
-        stop: vi.fn(),
-    }),
-}));
-import Fixture from './form-with-ui-controls.fixture.svelte';
-function captureTools() {
-    const registered = [];
-    document.modelContext = {
-        async registerTool(tool) {
-            registered.push(tool);
-        },
-    };
-    return registered;
-}
-afterEach(() => {
-    delete document.modelContext;
-});
-describe('rich Form: native attributes, enhance, and smrt-ui controls', () => {
-    it('passes native form attributes and attachments through to <form>', async () => {
-        const attach = vi.fn();
-        render(Fixture, { props: { attach } });
-        const form = screen.getByTestId('network-form');
-        expect(form.tagName).toBe('FORM');
-        expect(form).toHaveAttribute('enctype', 'multipart/form-data');
-        expect(form).toHaveAttribute('novalidate');
-        expect(form).toHaveAttribute('method', 'POST');
-        expect(form).toHaveAttribute('action', '?/create');
-        expect(form).toHaveAccessibleName('Set up your network');
-        expect(attach).toHaveBeenCalledWith(form);
-    });
-    it('applies an enhance action to the form and tears it down on unmount', () => {
-        const destroy = vi.fn();
-        const enhance = vi.fn(() => ({ destroy }));
-        const { unmount } = render(Fixture, { props: { enhance } });
-        expect(enhance).toHaveBeenCalledWith(screen.getByTestId('network-form'));
-        unmount();
-        expect(destroy).toHaveBeenCalledTimes(1);
-    });
-    it('lets an enhanced submit through without preventing it', async () => {
-        let submitted;
-        const enhance = (form) => {
-            const listener = (event) => {
-                submitted = event;
-                event.preventDefault();
-            };
-            form.addEventListener('submit', listener);
-            return { destroy: () => form.removeEventListener('submit', listener) };
-        };
-        render(Fixture, { props: { enhance } });
-        await userEvent.click(screen.getByRole('button', { name: 'Create' }));
-        expect(submitted).toBeDefined();
-    });
-    it('describes smrt-ui controls and rich fields in one stage-only tool', async () => {
-        const registered = captureTools();
-        render(Fixture);
-        await tick();
-        await vi.waitFor(() => expect(registered.length).toBeGreaterThan(0));
-        const tool = registered.at(-1);
-        expect(tool.name).toBe('setup-network_stage_changes');
-        expect(tool.inputSchema).toMatchObject({
-            type: 'object',
-            properties: {
-                tagline: { type: 'string', title: 'Tagline' },
-                name: { type: 'string', title: 'Network name' },
-                kind: { type: 'string', title: 'Kind of network' },
-                town: {
-                    type: 'string',
-                    title: 'Home town',
-                    enum: ['lacombe', 'blackfalds'],
-                },
-            },
-        });
-    });
-    it('stages smrt-ui control proposals for review and never writes them', async () => {
-        const registered = captureTools();
-        const registry = createControlInteractionRegistry();
-        render(Fixture, { props: { interactionRegistry: registry } });
-        await tick();
-        await vi.waitFor(() => expect(registered.length).toBeGreaterThan(0));
-        const tool = registered.at(-1);
-        const result = await tool.execute({
-            name: 'Central Alberta News',
-            town: 'blackfalds',
-            tagline: 'Local first',
-        });
-        expect(result).toBe('Staged 3 changes for review');
-        expect(screen.getByRole('textbox', { name: 'Network name' })).toHaveValue('');
-        await waitFor(() => expect(screen.getByRole('region', { name: 'Review proposed changes' })).toBeInTheDocument());
-        expect(registry.get({ formId: 'setup-network', controlId: 'name' })?.state.staged
-            ?.value).toBe('Central Alberta News');
-        expect(screen.queryByText(/setup-network\//)).not.toBeInTheDocument();
-    });
-    it('marks a staged smrt-ui proposal stale when the person types over it', async () => {
-        const registered = captureTools();
-        const registry = createControlInteractionRegistry();
-        render(Fixture, { props: { interactionRegistry: registry } });
-        await tick();
-        await vi.waitFor(() => expect(registered.length).toBeGreaterThan(0));
-        await registered.at(-1).execute({ name: 'Proposed' });
-        await userEvent.type(screen.getByRole('textbox', { name: 'Network name' }), 'Mine');
-        await waitFor(() => expect(registry.get({ formId: 'setup-network', controlId: 'name' })?.state
-            .staged?.stale).toBe(true));
-    });
-});