@cratis/scene.components 4.2.0 → 4.2.1

package/forms/for_SceneCommandForm/when_forwarding_to_the_lazy_runtime.tsx

@@ -1,69 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, render, screen } from '@testing-library/react';
-import { vi } from 'vitest';
-import { externalComponent } from '../../given';
-
-// This seam captures adapter inputs only. It does not simulate AutoCommandForm or its footer.
-describe('when forwarding command forms to the lazy runtime', () => {
-    const received = vi.fn<(props: Record<string, unknown>) => void>();
-    const loaded = vi.fn();
-    let bindings: typeof import('../../bindings/bindingRegistry');
-    let Form: typeof import('../SceneCommandForm').SceneCommandForm;
-    class Original {}
-    class Replacement {}
-
-    beforeEach(async () => {
-        vi.resetModules();
-        received.mockClear();
-        loaded.mockClear();
-        vi.doMock('../CommandFormRuntime', () => {
-            loaded();
-            return { default: (props: Record<string, unknown>) => { received(props); return <span>Runtime boundary</span>; } };
-        });
-        bindings = await import('../../bindings/bindingRegistry');
-        bindings.clearBindings();
-        ({ SceneCommandForm: Form } = await import('../SceneCommandForm'));
-    });
-
-    afterEach(() => {
-        cleanup();
-        bindings.clearBindings();
-        vi.doUnmock('../CommandFormRuntime');
-        vi.resetModules();
-    });
-
-    it('should preserve the exact registered constructor, exclusions and explicit label', async () => {
-        bindings.registerCommand('RecordNote', Original);
-        const exclude = ['internalValue'];
-        await act(async () => { render(<Form element={externalComponent('Cratis.Components:commandForm', {
-            command: 'RecordNote', exclude, submitLabel: 'Record note',
-        })} slots={{}} />); });
-        received.mock.calls.at(-1)![0].should.deep.equal({ command: Original, exclude, inputs: undefined, submitLabel: 'Record note' });
-    });
-
-    for (const submitLabel of [undefined, 42, false]) {
-        it(`should default a missing or non-string label (${String(submitLabel)}) to Submit`, async () => {
-            bindings.registerCommand('RecordNote', Original);
-            await act(async () => { render(<Form element={externalComponent('Cratis.Components:commandForm', {
-                command: 'RecordNote', exclude: 'not-an-array', submitLabel,
-            })} slots={{}} />); });
-            received.mock.calls.at(-1)![0].should.deep.equal({ command: Original, exclude: undefined, inputs: undefined, submitLabel: 'Submit' });
-        });
-    }
-
-    it('should preserve legacy last-registration-wins command binding', async () => {
-        bindings.registerCommand('RecordNote', Original);
-        bindings.registerCommand('RecordNote', Replacement);
-        await act(async () => { render(<Form element={externalComponent('Cratis.Components:commandForm', { command: 'RecordNote' })} slots={{}} />); });
-        (received.mock.calls.at(-1)![0].command === Replacement).should.equal(true);
-    });
-
-    it('should keep an unbound preview Arc-free even when a query has that name', async () => {
-        bindings.registerQuery('RecordNote', Original);
-        await act(async () => { render(<Form element={externalComponent('Cratis.Components:commandForm', { command: 'RecordNote' })} slots={{}} />); });
-        Boolean(screen.getByText("Unresolved command binding 'RecordNote' on Cratis.Components:commandForm")).should.equal(true);
-        loaded.mock.calls.should.have.lengthOf(0);
-    });
-});

package/forms/for_SceneCommandForm/when_native_custom_field_errors_block_submission.tsx

@@ -1,33 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, fireEvent, render, screen } from '@testing-library/react';
-import { vi } from 'vitest';
-import { CommandForm } from '@cratis/arc.react/commands';
-import { InputTextField } from '@cratis/components/CommandForm';
-import { CommandFormSubmit } from '../CommandFormSubmit';
-import { RecordNote, successfulResponse } from './given/RecordNote';
-
-// Independent native prerequisite gate: Arc PR #2724 (expected 22.19.1), not a Scene workaround.
-// This does not exercise or simulate AutoCommandForm's forthcoming footer seam.
-describe('when native custom field errors block submission', () => {
-    const fetch = vi.fn<typeof globalThis.fetch>();
-    beforeEach(() => { fetch.mockReset(); fetch.mockResolvedValue(successfulResponse()); vi.stubGlobal('fetch', fetch); });
-    afterEach(() => { cleanup(); vi.unstubAllGlobals(); });
-
-    it('should leave submit enabled for feedback but let the native form reject a custom field error', async () => {
-        await act(async () => { render(<CommandForm command={RecordNote}
-            onFieldValidate={() => 'Subject is rejected by the field'}>
-            <InputTextField value={(command: RecordNote) => command.subject} title='Subject' />
-            <CommandFormSubmit label='Record note' />
-        </CommandForm>); });
-        const input = screen.getByRole('textbox', { name: 'Subject' });
-        fireEvent.change(input, { target: { value: 'Passes the command validator' } });
-        await act(async () => { fireEvent.blur(input); });
-        (await screen.findAllByText('Subject is rejected by the field')).length.should.be.greaterThan(0);
-        const button = screen.getByRole<HTMLButtonElement>('button', { name: 'Record note' });
-        button.disabled.should.equal(false);
-        await act(async () => { fireEvent.click(button); });
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-});

package/forms/for_SceneCommandForm/when_preserving_guid_error_ownership.tsx

@@ -1,50 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, fireEvent, render, screen } from '@testing-library/react';
-import { CommandForm, useCommandFormContext } from '@cratis/arc.react/commands';
-import { Guid } from '@cratis/fundamentals';
-import { PropertyDescriptor } from '@cratis/arc/reflection';
-import { ExplicitCommandField } from '../ExplicitCommandField';
-import { StartProject } from './given/StartProject';
-
-class OptionalProject extends StartProject {
-    readonly propertyDescriptors = [new PropertyDescriptor('projectId', Guid, true), new PropertyDescriptor('name', String)];
-}
-
-const input = { property: 'projectId', type: 'guid' as const, label: 'Project ID' };
-
-describe('native explicit Guid field error ownership', () => {
-    afterEach(cleanup);
-
-    it('leaves a caller-owned error intact when the invalid field unmounts in the same event', async () => {
-        let context!: ReturnType<typeof useCommandFormContext>;
-        function Capture() { context = useCommandFormContext(); return null; }
-        function form(show: boolean) {
-            return <CommandForm command={StartProject}><Capture />{show && <ExplicitCommandField input={input} />}</CommandForm>;
-        }
-        const result = render(form(true));
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: 'bad' } });
-        context.getFieldError('projectId')!.should.equal('Project ID must be a valid GUID');
-        await act(async () => {
-            context.setCustomFieldError('projectId', 'Caller-owned error');
-            result.rerender(form(false));
-        });
-        context.getFieldError('projectId')!.should.equal('Caller-owned error');
-    });
-
-    it('clears its own malformed optional Guid error on unmount', async () => {
-        let context!: ReturnType<typeof useCommandFormContext>;
-        function Capture() { context = useCommandFormContext(); return null; }
-        function form(show: boolean) {
-            return <CommandForm command={OptionalProject}><Capture />{show && <ExplicitCommandField input={input} />}</CommandForm>;
-        }
-        const result = render(form(true));
-        await act(async () => {
-            fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: 'bad' } });
-            context.getFieldError('projectId')!.should.equal('Project ID must be a valid GUID');
-            result.rerender(form(false));
-        });
-        (Object.hasOwn(context.customFieldErrors, 'projectId')).should.equal(false);
-    });
-});

package/forms/for_SceneCommandForm/when_rendering_submit_in_native_context.tsx

@@ -1,56 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { vi } from 'vitest';
-import { CommandForm } from '@cratis/arc.react/commands';
-import { InputTextField } from '@cratis/components/CommandForm';
-import { CommandFormSubmit } from '../CommandFormSubmit';
-import { RecordNote, RestrictedNote, successfulResponse } from './given/RecordNote';
-
-// Exercise the private child with REAL Arc context. This does not claim AutoCommandForm footer support.
-describe('when rendering the submit child inside native CommandForm', () => {
-    const fetch = vi.fn<typeof globalThis.fetch>();
-    beforeEach(() => { fetch.mockReset(); fetch.mockResolvedValue(successfulResponse()); vi.stubGlobal('fetch', fetch); });
-    afterEach(() => { cleanup(); vi.unstubAllGlobals(); });
-
-    it('should let native submit expose invalid untouched fields without HTTP', async () => {
-        await act(async () => { render(<CommandForm command={RecordNote}>
-            <InputTextField value={(command: RecordNote) => command.subject} title='Subject' />
-            <CommandFormSubmit label='Record note' />
-        </CommandForm>); });
-        const button = screen.getByRole<HTMLButtonElement>('button', { name: 'Record note' });
-        button.disabled.should.equal(false);
-        await act(async () => { fireEvent.click(button); });
-        (await screen.findAllByText('Subject is required')).length.should.be.greaterThan(0);
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-
-    it('should follow native busy state through completion without executing directly', async () => {
-        let complete!: (response: Response) => void;
-        fetch.mockReturnValueOnce(new Promise<Response>(resolve => { complete = resolve; }));
-        await act(async () => { render(<CommandForm command={RecordNote} initialValues={{ subject: 'Valid' }}>
-            <CommandFormSubmit label='Record note' />
-        </CommandForm>); });
-        const button = screen.getByRole<HTMLButtonElement>('button', { name: 'Record note' });
-        button.disabled.should.equal(false);
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => button.disabled.should.equal(true));
-        button.getAttribute('aria-busy')!.should.equal('true');
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(1);
-        await act(async () => { complete(successfulResponse()); });
-        await waitFor(() => button.disabled.should.equal(false));
-        button.getAttribute('aria-busy')!.should.equal('false');
-    });
-
-    it('should respect native role authorization instead of deriving it in Scene', async () => {
-        await act(async () => { render(<CommandForm command={RestrictedNote}>
-            <CommandFormSubmit label='Record note' />
-        </CommandForm>); });
-        const button = screen.getByRole<HTMLButtonElement>('button', { name: 'Record note' });
-        button.disabled.should.equal(true);
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-});

package/forms/for_SceneCommandForm/when_submitting_explicit_inputs.tsx

@@ -1,189 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { vi } from 'vitest';
-import { ArcContext } from '@cratis/arc.react';
-import { SceneElementView } from '@cratis/scene.react';
-import { clearBindings, registerCommand } from '../../bindings';
-import { cratisComponents } from '../../cratisComponents';
-import { externalComponent } from '../../given';
-import { AmbiguousProject, OptionalUnsupported, RequiredUnsupported, RestrictedProject, StartProject } from './given/StartProject';
-import { RecordNote, successfulResponse } from './given/RecordNote';
-
-const inputs = [{ property: 'projectId', type: 'guid', label: 'Project ID' }, { property: 'name', type: 'string', label: 'Name' }];
-const guid = 'AABBCCDD-1234-5678-9ABC-001122334455';
-
-function view(properties: Record<string, unknown> = {}, explicit = true) {
-    return <ArcContext.Provider value={{ origin: 'https://example.test', apiBasePath: '/backend', microservice: 'projects', httpHeadersCallback: () => ({ 'x-host': 'scene' }) }}>
-        <SceneElementView element={externalComponent('Cratis.Components:commandForm', { command: 'StartProject', ...(explicit ? { inputs } : {}), submitLabel: 'Create project', ...properties })}
-            registry={cratisComponents} resolveBinding={() => undefined} />
-    </ArcContext.Provider>;
-}
-
-describe('explicit Scene command form using native Arc proxy and execution', () => {
-    const fetch = vi.fn<typeof globalThis.fetch>();
-    beforeEach(() => { clearBindings(); registerCommand('StartProject', StartProject); fetch.mockReset(); fetch.mockResolvedValue(successfulResponse()); vi.stubGlobal('fetch', fetch); });
-    afterEach(() => { cleanup(); clearBindings(); vi.unstubAllGlobals(); });
-
-    it('rejects untouched, blank and malformed GUIDs, and blank name without HTTP; corrected fields submit the typed payload', async () => {
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Create project' });
-        const id = screen.getByRole<HTMLInputElement>('textbox', { name: 'Project ID' });
-        const name = screen.getByRole<HTMLInputElement>('textbox', { name: 'Name' });
-        (button.form === id.closest('form')).should.equal(true);
-        await act(async () => { fireEvent.submit(button.form!); });
-        (await screen.findAllByText('Project ID is required')).length.should.be.greaterThan(0);
-        fetch.mock.calls.should.have.lengthOf(0);
-        fireEvent.change(id, { target: { value: 'not-a-guid' } });
-        fireEvent.change(name, { target: { value: '' } });
-        await act(async () => { fireEvent.submit(button.form!); });
-        (await screen.findAllByText('Project ID must be a valid GUID')).length.should.be.greaterThan(0);
-        fetch.mock.calls.should.have.lengthOf(0);
-        fireEvent.change(id, { target: { value: guid } });
-        await act(async () => { fireEvent.submit(button.form!); });
-        (await screen.findAllByText('Name is required')).length.should.be.greaterThan(0);
-        fetch.mock.calls.should.have.lengthOf(0);
-        fireEvent.change(name, { target: { value: '  My Project  ' } });
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        const [url, request] = fetch.mock.calls[0];
-        String(url).should.equal('https://example.test/backend/synthetic/projects');
-        request!.method!.should.equal('POST');
-        JSON.parse(String(request!.body)).should.deep.equal({ projectId: guid.toLowerCase(), name: '  My Project  ' });
-        new Headers(request!.headers).get('x-host')!.should.equal('scene');
-        new Headers(request!.headers).get('x-cratis-microservice')!.should.equal('projects');
-        fireEvent.change(id, { target: { value: 'broken again' } });
-        await act(async () => { fireEvent.submit(button.form!); });
-        fetch.mock.calls.should.have.lengthOf(1);
-    });
-
-    it('keeps a typed Guid valid across a label change and executes exactly once', async () => {
-        const result = render(view());
-        await screen.findByRole('button', { name: 'Create project' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: guid } });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Name' }), { target: { value: 'Renamed label' } });
-        result.rerender(view({ inputs: [{ ...inputs[0], label: 'Project identifier' }, inputs[1]] }));
-        const id = screen.getByRole('textbox', { name: 'Project identifier' });
-        (id as HTMLInputElement).value.should.equal(guid);
-        await act(async () => { fireEvent.click(screen.getByRole('button', { name: 'Create project' })); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        JSON.parse(String(fetch.mock.calls[0][1]!.body)).should.deep.equal({ projectId: guid.toLowerCase(), name: 'Renamed label' });
-    });
-
-    it('keeps a malformed Guid blocked when its label changes, then submits the corrected typed value', async () => {
-        const result = render(view());
-        await screen.findByRole('button', { name: 'Create project' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Name' }), { target: { value: 'After correction' } });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: 'not-a-guid' } });
-        (await screen.findAllByText('Project ID must be a valid GUID')).length.should.be.greaterThan(0);
-        result.rerender(view({ inputs: [{ ...inputs[0], label: 'Project identifier' }, inputs[1]] }));
-        const id = screen.getByRole<HTMLInputElement>('textbox', { name: 'Project identifier' });
-        id.value.should.equal('not-a-guid');
-        (await screen.findAllByText('Project identifier must be a valid GUID')).length.should.be.greaterThan(0);
-        (screen.queryByText('Project ID must be a valid GUID') === null).should.equal(true);
-        await act(async () => { fireEvent.submit(id.closest('form')!); });
-        fetch.mock.calls.should.have.lengthOf(0);
-        fireEvent.change(id, { target: { value: guid } });
-        await act(async () => { fireEvent.submit(id.closest('form')!); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        JSON.parse(String(fetch.mock.calls[0][1]!.body)).should.deep.equal({ projectId: guid.toLowerCase(), name: 'After correction' });
-    });
-
-    it('remounts the native explicit proxy on a binding switch and same-name hot replacement', async () => {
-        class MovedProject extends StartProject { readonly route = '/synthetic/moved-projects'; }
-        class HotProject extends StartProject { readonly route = '/synthetic/hot-projects'; }
-        registerCommand('MovedProject', MovedProject);
-        const result = render(view());
-        await screen.findByRole('button', { name: 'Create project' });
-        result.rerender(view({ command: 'MovedProject' }));
-        await screen.findByRole('textbox', { name: 'Project ID' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: guid } });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Name' }), { target: { value: 'Moved' } });
-        await act(async () => { fireEvent.click(screen.getByRole('button', { name: 'Create project' })); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        String(fetch.mock.calls[0][0]).should.equal('https://example.test/backend/synthetic/moved-projects');
-        registerCommand('MovedProject', RestrictedProject);
-        result.rerender(view({ command: 'MovedProject' }));
-        const denied = await screen.findByRole<HTMLButtonElement>('button', { name: 'Create project' });
-        denied.disabled.should.equal(true);
-        fireEvent.click(denied);
-        fetch.mock.calls.should.have.lengthOf(1);
-        registerCommand('MovedProject', HotProject);
-        result.rerender(view({ command: 'MovedProject' }));
-        const allowed = await screen.findByRole<HTMLButtonElement>('button', { name: 'Create project' });
-        allowed.disabled.should.equal(false);
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: guid } });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Name' }), { target: { value: 'Hot' } });
-        await act(async () => { fireEvent.click(allowed); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(2));
-        String(fetch.mock.calls[1][0]).should.equal('https://example.test/backend/synthetic/hot-projects');
-    });
-
-    it('uses native authorization and executing state', async () => {
-        registerCommand('StartProject', RestrictedProject);
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Create project' });
-        button.disabled.should.equal(true);
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-
-    it('reflects native execution state and blocks a second button click while pending', async () => {
-        let complete!: (response: Response) => void;
-        fetch.mockReturnValueOnce(new Promise<Response>(resolve => { complete = resolve; }));
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Create project' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Project ID' }), { target: { value: guid } });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Name' }), { target: { value: 'Pending' } });
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => button.disabled.should.equal(true));
-        button.getAttribute('aria-busy')!.should.equal('true');
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(1);
-        await act(async () => { complete(successfulResponse()); });
-        await waitFor(() => button.disabled.should.equal(false));
-    });
-
-    it('blocks malformed declarations, unknown names, mismatches, uncovered and ambiguous required descriptors', async () => {
-        const invalid = [
-            { inputs: [] }, { inputs: [{ property: 'name', type: 'string', label: 'Name' }, { property: 'name', type: 'string', label: 'Again' }] },
-            { inputs: [{ property: 'PROJECTID', type: 'guid', label: 'ID' }, inputs[1]] },
-            { inputs: [{ ...inputs[0], type: 'string' }, inputs[1]] },
-            { inputs: [inputs[1]] }, { inputs: [{ ...inputs[0], type: 'number' }, inputs[1]] },
-        ];
-        for (const properties of invalid) {
-            const result = render(view(properties));
-            (await screen.findByRole('alert')).textContent!.length.should.be.greaterThan(0);
-            (screen.queryByRole('button', { name: 'Create project' }) === null).should.equal(true);
-            result.unmount();
-        }
-        registerCommand('StartProject', AmbiguousProject);
-        render(view());
-        (await screen.findByRole('alert')).textContent!.should.contain('Ambiguous');
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-
-    it('accepts optional unsupported descriptors when unbound but rejects required unsupported descriptors', async () => {
-        registerCommand('StartProject', OptionalUnsupported);
-        const result = render(view());
-        Boolean(await screen.findByRole('button', { name: 'Create project' })).should.equal(true);
-        result.unmount();
-        registerCommand('StartProject', RequiredUnsupported);
-        render(view());
-        (await screen.findByRole('alert')).textContent!.should.contain("Required command property 'details'");
-    });
-
-    it('refuses automatic forms with required GUID rather than silently dropping it', async () => {
-        render(view({}, false));
-        (await screen.findByRole('alert')).textContent!.should.contain("Required command property 'projectId'");
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-
-    it('does not allow auto exclusions to hide required supported fields', async () => {
-        registerCommand('StartProject', RecordNote);
-        render(view({ exclude: ['subject'] }, false));
-        (await screen.findByRole('alert')).textContent!.should.contain("Required command property 'subject'");
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-});

package/forms/for_SceneCommandForm/when_submitting_the_native_form.tsx

@@ -1,120 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { vi } from 'vitest';
-import { ArcContext } from '@cratis/arc.react';
-import { SceneElementView } from '@cratis/scene.react';
-import { clearBindings, registerCommand } from '../../bindings';
-import { cratisComponents } from '../../cratisComponents';
-import { externalComponent } from '../../given';
-import { RecordNote, RestrictedNote, successfulResponse } from './given/RecordNote';
-
-function view(properties: Record<string, unknown> = {}) {
-    return <ArcContext.Provider value={{ origin: 'https://example.test', apiBasePath: '/backend', microservice: 'notes', httpHeadersCallback: () => ({ 'x-host': 'scene' }) }}>
-        <SceneElementView element={externalComponent('Cratis.Components:commandForm', {
-            command: 'RecordNote', exclude: ['internalValue'], ...properties,
-        })} registry={cratisComponents} resolveBinding={() => undefined} />
-    </ArcContext.Provider>;
-}
-
-// No Components/form/context doubles. Components <=4.12 ignores footer: these tests MUST fail there,
-// not skip or pass by recreating the forthcoming upstream behavior. Only HTTP is substituted.
-describe('when submitting a Scene command form through native AutoCommandForm', () => {
-    const fetch = vi.fn<typeof globalThis.fetch>();
-
-    beforeEach(() => {
-        clearBindings();
-        registerCommand('RecordNote', RecordNote);
-        fetch.mockReset();
-        fetch.mockResolvedValue(successfulResponse());
-        vi.stubGlobal('fetch', fetch);
-    });
-
-    afterEach(() => { cleanup(); clearBindings(); vi.unstubAllGlobals(); });
-
-    it('should submit the actual form with a labeled button and preserve native payload and context', async () => {
-        render(view({ submitLabel: 'Record note' }));
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Record note' });
-        button.type.should.equal('submit');
-        (button.form === screen.getByRole('textbox', { name: 'Subject' }).closest('form')).should.equal(true);
-        screen.queryAllByRole('textbox').should.have.lengthOf(1);
-        fireEvent.change(screen.getByRole('textbox', { name: 'Subject' }), { target: { value: 'A synthetic note' } });
-        fetch.mock.calls.should.have.lengthOf(0);
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        const [url, request] = fetch.mock.calls[0];
-        String(url).should.equal('https://example.test/backend/synthetic/notes');
-        request!.method!.should.equal('POST');
-        JSON.parse(String(request!.body)).should.deep.equal({ subject: 'A synthetic note', internalValue: 'proxy default' });
-        new Headers(request!.headers).get('x-host')!.should.equal('scene');
-        new Headers(request!.headers).get('x-cratis-microservice')!.should.equal('notes');
-    });
-
-    it('should allow untouched invalid submit to reveal native feedback and correction to execute', async () => {
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Submit' });
-        button.disabled.should.equal(false);
-        (screen.queryByText('Subject is required') === null).should.equal(true);
-        await act(async () => { fireEvent.click(button); });
-        (await screen.findAllByText('Subject is required')).length.should.be.greaterThan(0);
-        fetch.mock.calls.should.have.lengthOf(0);
-        button.disabled.should.equal(false);
-        fireEvent.change(screen.getByRole('textbox', { name: 'Subject' }), { target: { value: 'Corrected' } });
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-    });
-
-    it('should reflect native execution until HTTP settles and prevent a second button click', async () => {
-        let complete!: (response: Response) => void;
-        fetch.mockReturnValueOnce(new Promise<Response>(resolve => { complete = resolve; }));
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Submit' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Subject' }), { target: { value: 'Pending' } });
-        await act(async () => { fireEvent.click(button); });
-        await waitFor(() => button.disabled.should.equal(true));
-        button.getAttribute('aria-busy')!.should.equal('true');
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(1);
-        await act(async () => { complete(successfulResponse()); });
-        await waitFor(() => button.disabled.should.equal(false));
-        button.getAttribute('aria-busy')!.should.equal('false');
-    });
-
-    it('remounts the automatic native form on binding switches and same-name hot replacement', async () => {
-        class MovedNote extends RecordNote { readonly route = '/synthetic/moved-notes'; }
-        class HotNote extends RecordNote { readonly route = '/synthetic/hot-notes'; }
-        registerCommand('MovedNote', MovedNote);
-        const result = render(view());
-        await screen.findByRole('button', { name: 'Submit' });
-        result.rerender(view({ command: 'MovedNote' }));
-        await screen.findByRole('textbox', { name: 'Subject' });
-        fireEvent.change(screen.getByRole('textbox', { name: 'Subject' }), { target: { value: 'Moved' } });
-        await act(async () => { fireEvent.click(screen.getByRole('button', { name: 'Submit' })); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(1));
-        String(fetch.mock.calls[0][0]).should.equal('https://example.test/backend/synthetic/moved-notes');
-        registerCommand('MovedNote', RestrictedNote);
-        result.rerender(view({ command: 'MovedNote' }));
-        const denied = await screen.findByRole<HTMLButtonElement>('button', { name: 'Submit' });
-        denied.disabled.should.equal(true);
-        fireEvent.click(denied);
-        fetch.mock.calls.should.have.lengthOf(1);
-        registerCommand('MovedNote', HotNote);
-        result.rerender(view({ command: 'MovedNote' }));
-        const allowed = await screen.findByRole<HTMLButtonElement>('button', { name: 'Submit' });
-        allowed.disabled.should.equal(false);
-        fireEvent.change(screen.getByRole('textbox', { name: 'Subject' }), { target: { value: 'Hot' } });
-        await act(async () => { fireEvent.click(allowed); });
-        await waitFor(() => fetch.mock.calls.should.have.lengthOf(2));
-        String(fetch.mock.calls[1][0]).should.equal('https://example.test/backend/synthetic/hot-notes');
-    });
-
-    it('should disable the button when native command authorization denies the identity', async () => {
-        registerCommand('RecordNote', RestrictedNote);
-        render(view());
-        const button = await screen.findByRole<HTMLButtonElement>('button', { name: 'Submit' });
-        button.disabled.should.equal(true);
-        fireEvent.click(button);
-        fetch.mock.calls.should.have.lengthOf(0);
-    });
-});

package/forms/for_SceneQueryInputForm/ProjectLookup.ts

@@ -1,54 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-// Canonical Projects/Registration/ProjectLookup/ProjectLookup.ts generated consumer shape.
-// Keep Guid parameters, descriptors, model decorators, default value and native methods intact.
-import { QueryFor, QueryResultWithState } from '@cratis/arc/queries';
-import { useQuery, useSuspenseQuery, PerformQuery, SetSorting, QueryWhen } from '@cratis/arc.react/queries';
-import { ParameterDescriptor } from '@cratis/arc/reflection';
-import { Guid, field } from '@cratis/fundamentals';
-
-export interface ProjectByIdParameters {
-    projectId: Guid;
-}
-
-export class ProjectById extends QueryFor<ProjectSummary, ProjectByIdParameters> {
-    readonly route: string = '/api/projects/registration/project-lookup/project-by-id';
-    readonly queryName: string = 'CanonicalProjects.Projects.Registration.ProjectLookup.ProjectSummary.ProjectById';
-    readonly treatWarningsAsErrors: boolean = false;
-    readonly roles: string[] = [];
-    readonly defaultValue: ProjectSummary = {} as ProjectSummary;
-
-    constructor() {
-        super(ProjectSummary, false);
-    }
-
-    get requiredRequestParameters(): string[] {
-        return ['projectId'];
-    }
-
-    readonly parameterDescriptors: ParameterDescriptor[] = [
-        new ParameterDescriptor('projectId', Guid, false),
-    ];
-
-    projectId!: Guid;
-
-    static use(args?: ProjectByIdParameters): [QueryResultWithState<ProjectSummary>, PerformQuery<ProjectByIdParameters>, SetSorting] {
-        return useQuery<ProjectSummary, ProjectById, ProjectByIdParameters>(ProjectById, args);
-    }
-
-    static useSuspense(args?: ProjectByIdParameters): [QueryResultWithState<ProjectSummary>, PerformQuery<ProjectByIdParameters>, SetSorting] {
-        return useSuspenseQuery<ProjectSummary, ProjectById, ProjectByIdParameters>(ProjectById, args);
-    }
-
-    static when(condition: boolean): QueryWhen<ProjectById, ProjectSummary, ProjectByIdParameters> {
-        return new QueryWhen<ProjectById, ProjectSummary, ProjectByIdParameters>(ProjectById, condition);
-    }
-}
-
-export class ProjectSummary {
-    @field(String)
-    name!: string;
-    @field(Guid)
-    projectId!: Guid;
-}