@evoke-platform/ui-components 1.8.0-testing.1 → 1.8.0-testing.11

package/dist/published/components/custom/FormV2/components/ValidationFiles/ValidationErrorDisplay.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { FieldErrors } from 'react-hook-form';
 export type ValidationErrorDisplayProps = {
     formId: string;
     title?: string;
+    errors?: FieldErrors;
+    showSubmitError?: boolean;
 };
 declare function ValidationErrorDisplay(props: ValidationErrorDisplayProps): React.JSX.Element | null;
 export default ValidationErrorDisplay;

package/dist/published/components/custom/FormV2/components/ValidationFiles/ValidationErrorDisplay.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import { useResponsive } from '../../../../../theme';
-import { useFormContext } from '../../../../../theme/hooks';
 import { List, ListItem, Typography } from '../../../../core';
 import { Box } from '../../../../layout';
 function ValidationErrorDisplay(props) {
-    const { formId, title } = props;
-    const { errors, showSubmitError } = useFormContext();
+    const { formId, title, errors, showSubmitError } = props;
     const { isSm, isXs } = useResponsive();
     function extractErrorMessages(errors) {
         const messages = [];

package/dist/published/components/custom/FormV2/components/types.d.ts

@@ -38,7 +38,7 @@ export type SimpleEditorProps = {
 };
 export type ObjectPropertyInputProps = {
     id: string;
-    fieldDefinition: InputParameter;
+    fieldDefinition: InputParameter | Property;
     mode: 'default' | 'existingOnly' | 'newOnly';
     nestedFieldsView?: boolean;
     readOnly?: boolean;
@@ -53,6 +53,8 @@ export type ObjectPropertyInputProps = {
     initialValue?: ObjectInstance | null;
     viewLayout?: ViewLayoutEntityReference;
     hasDescription?: boolean;
+    createActionId?: string;
+    formId?: string;
 };
 export type Page = {
     id: string;
@@ -85,6 +87,10 @@ export type ExpandedSection = Section & {
 export type EntryRendererProps = BaseProps & {
     entry: FormEntry;
     isDocument?: boolean;
+    associatedObject?: {
+        instanceId?: string;
+        propertyId?: string;
+    };
 };
 export type SectionsProps = {
     entry: Sections;

package/dist/published/components/custom/FormV2/components/utils.d.ts

@@ -1,8 +1,9 @@
-import { ApiServices, Column, Columns, FormEntry, InputField, InputParameter, InputParameterReference, Obj, ObjectInstance, Property, Section, Sections, UserAccount } from '@evoke-platform/context';
+/// <reference types="react" />
+import { Action, ApiServices, Column, Columns, FormEntry, InputField, InputParameter, InputParameterReference, Obj, ObjectInstance, Property, Section, Sections, UserAccount } from '@evoke-platform/context';
 import { LocalDateTime } from '@js-joda/core';
 import { FieldErrors, FieldValues } from 'react-hook-form';
 import { AutocompleteOption } from '../../../core';
-import { Document, DocumentData } from './types';
+import { Document, DocumentData, SavedDocumentReference } from './types';
 export declare const scrollIntoViewWithOffset: (el: HTMLElement, offset: number, container?: HTMLElement) => void;
 export declare const normalizeDateTime: (dateTime: LocalDateTime) => string;
 export declare function isAddressProperty(key: string): boolean;
@@ -61,3 +62,27 @@ export declare function formatDataToDoc(data: DocumentData): {
 export declare function getUnnestedEntries(entries: FormEntry[]): FormEntry[];
 export declare const isEmptyWithDefault: (fieldValue: unknown, entry: InputParameterReference | InputField, instance: Record<string, unknown> | object) => boolean | "" | 0 | undefined;
 export declare const docProperties: Property[];
+export declare const uploadDocuments: (files: (File | SavedDocumentReference)[], metadata: Record<string, string>, apiServices: ApiServices, instanceId: string, objectId: string) => Promise<SavedDocumentReference[]>;
+export declare const deleteDocuments: (submittedFields: FieldValues, requestSuccess: boolean, apiServices: ApiServices, object: Obj, instance: FieldValues, action?: Action, setSnackbarError?: React.Dispatch<React.SetStateAction<{
+    showAlert: boolean;
+    message?: string;
+    isError: boolean;
+}>>) => Promise<void>;
+/**
+ * Transforms a form submission into a format safe for API submission.
+ *
+ * Responsibilities:
+ * - Uploads any files found in submission fields.
+ * - Normalizes related objects (keeping only id and name not the whole instance).
+ * - Converts an object of undefined address fields to undefined instead of an empty object.
+ * - Normalizes LocalDateTime values to API-friendly format.
+ * - Converts empty strings or undefined values to null.
+ * - Optionally reports file upload errors via snackbar.
+ *
+ * Returns the cleaned submission ready for submitting.
+ */
+export declare function formatSubmission(submission: FieldValues, apiServices?: ApiServices, objectId?: string, instanceId?: string, setSnackbarError?: React.Dispatch<React.SetStateAction<{
+    showAlert: boolean;
+    message?: string;
+    isError: boolean;
+}>>): Promise<FieldValues>;

package/dist/published/components/custom/FormV2/components/utils.js

@@ -1,6 +1,6 @@
 import { LocalDateTime } from '@js-joda/core';
 import jsonLogic from 'json-logic-js';
-import { get, isArray, isEmpty, isObject, omit, startCase, transform } from 'lodash';
+import { get, isArray, isEmpty, isObject, omit, pick, startCase, transform } from 'lodash';
 import { DateTime } from 'luxon';
 import Handlebars from 'no-eval-handlebars';
 import { defaultRuleProcessorMongoDB, formatQuery, parseMongoDB } from 'react-querybuilder';
@@ -116,7 +116,7 @@ export const getEntryId = (entry) => {
 };
 export function getPrefixedUrl(url) {
     const wcsMatchers = ['/apps', '/pages', '/widgets'];
-    const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/locations'];
+    const dataMatchers = ['/objects', '/correspondenceTemplates', '/documents', '/payments', '/forms', '/locations'];
     const signalrMatchers = ['/hubs'];
     const accessManagementMatchers = ['/users'];
     const workflowMatchers = ['/workflows'];
@@ -562,3 +562,109 @@ export const docProperties = [
         type: 'string',
     },
 ];
+export const uploadDocuments = async (files, metadata, apiServices, instanceId, objectId) => {
+    const allDocuments = [];
+    const formData = new FormData();
+    for (const [index, file] of files.entries()) {
+        if ('size' in file) {
+            formData.append(`files[${index}]`, file);
+        }
+        else {
+            allDocuments.push(file);
+        }
+    }
+    if (metadata) {
+        for (const [key, value] of Object.entries(metadata)) {
+            formData.append(key, value);
+        }
+    }
+    const docs = await apiServices.post(getPrefixedUrl(`/objects/${objectId}/instances/${instanceId}/documents`), formData);
+    return allDocuments.concat(docs?.map((doc) => ({
+        id: doc.id,
+        name: doc.name,
+    })) ?? []);
+};
+export const deleteDocuments = async (submittedFields, requestSuccess, apiServices, object, instance, action, setSnackbarError) => {
+    const documentProperties = action?.parameters
+        ? action.parameters.filter((param) => param.type === 'document')
+        : object?.properties?.filter((prop) => prop.type === 'document');
+    for (const docProperty of documentProperties ?? []) {
+        const savedValue = submittedFields[docProperty.id];
+        const originalValue = instance?.[docProperty.id];
+        const documentsToRemove = requestSuccess
+            ? (originalValue?.filter((file) => !savedValue?.some((f) => f.id === file.id)) ?? [])
+            : (savedValue?.filter((file) => !originalValue?.some((f) => f.id === file.id)) ?? []);
+        for (const doc of documentsToRemove) {
+            try {
+                await apiServices?.delete(getPrefixedUrl(`/objects/${object.id}/instances/${instance.id}/documents/${doc.id}`));
+            }
+            catch (error) {
+                if (error) {
+                    setSnackbarError &&
+                        setSnackbarError({
+                            showAlert: true,
+                            message: `An error occurred while removing document '${doc.name}'`,
+                            isError: true,
+                        });
+                }
+            }
+        }
+    }
+};
+/**
+ * Transforms a form submission into a format safe for API submission.
+ *
+ * Responsibilities:
+ * - Uploads any files found in submission fields.
+ * - Normalizes related objects (keeping only id and name not the whole instance).
+ * - Converts an object of undefined address fields to undefined instead of an empty object.
+ * - Normalizes LocalDateTime values to API-friendly format.
+ * - Converts empty strings or undefined values to null.
+ * - Optionally reports file upload errors via snackbar.
+ *
+ * Returns the cleaned submission ready for submitting.
+ */
+export async function formatSubmission(submission, apiServices, objectId, instanceId, setSnackbarError) {
+    for (const [key, value] of Object.entries(submission)) {
+        if (isArray(value)) {
+            const fileInArray = value.some((item) => item instanceof File);
+            if (fileInArray && instanceId && apiServices && objectId) {
+                try {
+                    const uploadedDocuments = await uploadDocuments(value, {
+                        type: '',
+                        view_permission: '',
+                    }, apiServices, instanceId, objectId);
+                    submission[key] = uploadedDocuments;
+                }
+                catch (err) {
+                    if (err) {
+                        setSnackbarError &&
+                            setSnackbarError({
+                                showAlert: true,
+                                message: `An error occurred while uploading associated documents`,
+                                isError: true,
+                            });
+                    }
+                    return submission;
+                }
+            }
+            // if there are address fields with no value address needs to be set to undefined to be able to submit
+        }
+        else if (typeof value === 'object' && value !== null) {
+            if (Object.values(value).every((v) => v === undefined)) {
+                submission[key] = undefined;
+                // only submit the name and id of a related object
+            }
+            else if ('id' in value && 'name' in value) {
+                submission[key] = pick(value, 'id', 'name');
+            }
+            else if (value instanceof LocalDateTime) {
+                submission[key] = normalizeDateTime(value);
+            }
+        }
+        else if (value === '' || value === undefined) {
+            submission[key] = null;
+        }
+    }
+    return submission;
+}

package/dist/published/components/custom/FormV2/tests/FormRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/published/components/custom/FormV2/tests/FormRenderer.test.js

@@ -0,0 +1,173 @@
+import * as matchers from '@testing-library/jest-dom/matchers';
+import { render, screen, waitFor, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { isEqual, set } from 'lodash';
+import { http, HttpResponse } from 'msw';
+import { setupServer } from 'msw/node';
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { expect, it } from 'vitest';
+import FormRenderer from '../FormRenderer';
+import { createSpecialtyForm, jsonLogicDisplayTestSpecialtyForm, licenseObject, npLicense, npSpecialtyType1, npSpecialtyType2, rnLicense, rnSpecialtyType1, rnSpecialtyType2, simpleConditionDisplayTestSpecialtyForm, specialtyObject, specialtyTypeObject, } from './test-data';
+expect.extend(matchers);
+const removePoppers = () => {
+    const portalSelectors = ['.MuiAutocomplete-popper'];
+    portalSelectors.forEach((selector) => {
+        // eslint-disable-next-line testing-library/no-node-access
+        document.querySelectorAll(selector).forEach((el) => el.remove());
+    });
+};
+describe('Form component', () => {
+    let server;
+    beforeAll(() => {
+        server = setupServer(http.get('/api/data/objects/specialtyType/effective', () => HttpResponse.json(specialtyTypeObject)), http.get('/api/data/objects/specialtyType/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(specialtyTypeObject);
+            }
+        }), http.get('/api/data/objects/license/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(licenseObject);
+            }
+        }), http.get('/api/data/objects/specialty/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(specialtyObject);
+            }
+        }), http.get('/data/objects/license/effective', () => HttpResponse.json(licenseObject)), http.get('/api/data/objects/license/instances', () => {
+            return HttpResponse.json([rnLicense, npLicense]);
+        }), http.get('/api/data/objects/specialtyType/instances', (req) => {
+            const filter = new URL(req.request.url).searchParams.get('filter');
+            if (filter) {
+                const whereFilter = JSON.parse(filter).where;
+                // The two objects in the array of conditions in the "where" filter represent the potential filters that can be applied when retrieving "specialty" instances.
+                // The first object is for the the validation criteria, but it is empty if the "license" field, which is referenced in the validation criteria, hasn't been filled out yet.
+                // The second object is for the search criteria which the user enters in the "specialty" field, but it is empty if no search text has been entered.
+                if (isEqual(whereFilter, { and: [{}, {}] }))
+                    return HttpResponse.json([
+                        rnSpecialtyType1,
+                        rnSpecialtyType2,
+                        npSpecialtyType1,
+                        npSpecialtyType2,
+                    ]);
+                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'rnLicenseType' }, {}] }))
+                    return HttpResponse.json([rnSpecialtyType1, rnSpecialtyType2]);
+                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'npLicenseType' }, {}] }))
+                    return HttpResponse.json([npSpecialtyType1, npSpecialtyType2]);
+            }
+        }));
+        server.listen();
+    });
+    afterAll(() => {
+        server.close();
+    });
+    afterEach(() => {
+        server.resetHandlers();
+        removePoppers();
+    });
+    describe('validation criteria', () => {
+        it(`filters related object field with validation criteria that references a related object's nested data`, async () => {
+            const user = userEvent.setup();
+            server.use(http.get('/data/objects/license/instances/rnLicense', (req) => {
+                const expand = new URL(req.request.url).searchParams.get('expand');
+                if (expand === 'licenseType.id') {
+                    return HttpResponse.json(rnLicense);
+                }
+            }));
+            const FormWithState = () => {
+                const [formData, setFormData] = React.useState({});
+                const handleChange = (id, value) => {
+                    setFormData((prev) => {
+                        const newData = { ...prev };
+                        set(newData, id, value);
+                        return newData;
+                    });
+                };
+                try {
+                    return React.createElement(FormRenderer, { form: createSpecialtyForm, value: formData, onChange: handleChange });
+                }
+                catch (err) {
+                    console.error('Render error:', err);
+                    return React.createElement("div", null, "Render error");
+                }
+            };
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormWithState, null)));
+            const license = await screen.findByRole('combobox', { name: 'License' });
+            // Step 1: Open Specialty Type and verify all options
+            await user.click(await screen.findByRole('combobox', { name: 'Specialty Type' }));
+            let openAutocomplete = await screen.findByRole('listbox');
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #1' });
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #2' });
+            await within(openAutocomplete).findByRole('option', { name: 'NP Specialty Type #1' });
+            await within(openAutocomplete).findByRole('option', { name: 'NP Specialty Type #2' });
+            await user.keyboard('{Escape}');
+            // Step 2: Select a license
+            await user.click(license);
+            await user.keyboard('{ArrowDown}');
+            await user.keyboard('{Enter}');
+            // Step 3: Open Specialty Type again and verify filtered options
+            await user.click(await screen.findByRole('combobox', { name: 'Specialty Type' }));
+            openAutocomplete = await screen.findByRole('listbox');
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #1' });
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #2' });
+            await waitFor(() => expect(within(openAutocomplete).queryByRole('option', { name: 'NP Specialty Type #1' })).not.toBeInTheDocument());
+            await waitFor(() => expect(within(openAutocomplete).queryByRole('option', { name: 'NP Specialty Type #2' })).not.toBeInTheDocument());
+            await user.keyboard('{Escape}');
+            await waitFor(() => {
+                expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
+            });
+        });
+    });
+    describe('visibility configuration', () => {
+        it('shows fields based on instance data using JsonLogic', async () => {
+            server.use(http.get('/data/objects/license/instances/rnLicense', () => HttpResponse.json(rnLicense)));
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormRenderer, { form: jsonLogicDisplayTestSpecialtyForm, onChange: () => { }, instance: {
+                        id: '123',
+                        objectId: 'specialty',
+                        name: 'Test Specialty Object Instance',
+                    } })));
+            // Validate that specialty type dropdown renders
+            await screen.findByRole('combobox', { name: 'Specialty Type' });
+        });
+        it('hides fields based on instance data using JsonLogic', async () => {
+            server.use(http.get('/data/objects/license/instances/rnLicense', () => HttpResponse.json(rnLicense)));
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormRenderer, { form: jsonLogicDisplayTestSpecialtyForm, onChange: () => { }, instance: {
+                        id: '123',
+                        objectId: 'specialty',
+                        name: 'Test Specialty Object Instance -- hidden',
+                    } })));
+            // Validate that license dropdown renders
+            await screen.findByRole('combobox', { name: 'License' });
+            // Validate that specialty type dropdown does not render
+            expect(screen.queryByRole('combobox', { name: 'Specialty Type' })).not.toBeInTheDocument();
+        });
+        it('shows fields based on instance data using simple conditions', async () => {
+            server.use(http.get('/data/objects/license/instances/rnLicense', () => HttpResponse.json(rnLicense)));
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormRenderer, { form: simpleConditionDisplayTestSpecialtyForm, onChange: () => { }, instance: {
+                        id: '123',
+                        objectId: 'specialty',
+                        name: 'Test Specialty Object Instance',
+                    } })));
+            // Validate that specialty type dropdown renders
+            await screen.findByRole('combobox', { name: 'Specialty Type' });
+        });
+        it('hides fields based on instance data using simple conditions', async () => {
+            server.use(http.get('/data/objects/license/instances/rnLicense', () => HttpResponse.json(rnLicense)));
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormRenderer, { form: simpleConditionDisplayTestSpecialtyForm, onChange: () => { }, instance: {
+                        id: '123',
+                        objectId: 'specialty',
+                        name: 'Test Specialty Object Instance -- hidden',
+                    } })));
+            // Validate that license dropdown renders
+            await screen.findByRole('combobox', { name: 'License' });
+            // Validate that specialty type dropdown does not render
+            expect(screen.queryByRole('combobox', { name: 'Specialty Type' })).not.toBeInTheDocument();
+        });
+    });
+});

package/dist/published/components/custom/FormV2/tests/FormRendererContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/published/components/custom/FormV2/tests/FormRendererContainer.test.js

@@ -0,0 +1,96 @@
+import * as matchers from '@testing-library/jest-dom/matchers';
+import { render, screen, waitFor, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { isEqual } from 'lodash';
+import { http, HttpResponse } from 'msw';
+import { setupServer } from 'msw/node';
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { expect, it } from 'vitest';
+import FormRendererContainer from '../FormRendererContainer';
+import { createSpecialtyForm, licenseObject, npLicense, npSpecialtyType1, npSpecialtyType2, rnLicense, rnSpecialtyType1, rnSpecialtyType2, specialtyObject, specialtyTypeObject, } from './test-data';
+expect.extend(matchers);
+const removePoppers = () => {
+    const portalSelectors = ['.MuiAutocomplete-popper'];
+    portalSelectors.forEach((selector) => {
+        // eslint-disable-next-line testing-library/no-node-access
+        document.querySelectorAll(selector).forEach((el) => el.remove());
+    });
+};
+describe('Form component', () => {
+    let server;
+    beforeAll(() => {
+        server = setupServer(http.get('/api/data/objects/specialtyType/effective', () => HttpResponse.json(specialtyTypeObject)), http.get('/api/data/objects/specialtyType/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(specialtyTypeObject);
+            }
+        }), http.get('/api/data/objects/license/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(licenseObject);
+            }
+        }), http.get('/api/data/objects/specialty/effective', (req) => {
+            const sanitizedVersion = new URL(req.request.url).searchParams.get('sanitizedVersion');
+            if (sanitizedVersion === 'true') {
+                return HttpResponse.json(specialtyObject);
+            }
+        }), http.get('/data/objects/license/effective', () => HttpResponse.json(licenseObject)), http.get('/api/data/objects/license/instances', () => {
+            return HttpResponse.json([rnLicense, npLicense]);
+        }), http.get('/api/data/objects/specialtyType/instances', (req) => {
+            const filter = new URL(req.request.url).searchParams.get('filter');
+            if (filter) {
+                const whereFilter = JSON.parse(filter).where;
+                // The two objects in the array of conditions in the "where" filter represent the potential filters that can be applied when retrieving "specialty" instances.
+                // The first object is for the the validation criteria, but it is empty if the "license" field, which is referenced in the validation criteria, hasn't been filled out yet.
+                // The second object is for the search criteria which the user enters in the "specialty" field, but it is empty if no search text has been entered.
+                if (isEqual(whereFilter, { and: [{}, {}] }))
+                    return HttpResponse.json([
+                        rnSpecialtyType1,
+                        rnSpecialtyType2,
+                        npSpecialtyType1,
+                        npSpecialtyType2,
+                    ]);
+                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'rnLicenseType' }, {}] }))
+                    return HttpResponse.json([rnSpecialtyType1, rnSpecialtyType2]);
+                else if (isEqual(whereFilter, { and: [{ 'licenseType.id': 'npLicenseType' }, {}] }))
+                    return HttpResponse.json([npSpecialtyType1, npSpecialtyType2]);
+            }
+        }));
+        server.listen();
+    });
+    afterAll(() => {
+        server.close();
+    });
+    afterEach(() => {
+        server.resetHandlers();
+        removePoppers();
+    });
+    describe('validation criteria', () => {
+        it(`filters related object field with validation criteria that references a defaulted related object's nested data`, async () => {
+            const user = userEvent.setup();
+            server.use(http.get('/api/data/objects/license/instances/rnLicense', () => {
+                return HttpResponse.json(rnLicense);
+            }), http.get('api/data/forms/specialtyForm', () => {
+                return HttpResponse.json(createSpecialtyForm);
+            }));
+            render(React.createElement(MemoryRouter, null,
+                React.createElement(FormRendererContainer, { objectId: 'specialty', formId: 'specialtyForm', dataType: 'objectInstances', actionId: '_create', associatedObject: { propertyId: 'license', instanceId: 'rnLicense' } })));
+            // Validate that the license field is hidden
+            await waitFor(() => expect(screen.queryByRole('combobox', { name: 'License' })).not.toBeInTheDocument());
+            // Validate that specialty type dropdown is only rendering specialty types that are associated with the selected license.
+            const specialtyType = await screen.findByRole('combobox', { name: 'Specialty Type' });
+            await new Promise((r) => setTimeout(r, 5000));
+            await user.click(specialtyType);
+            const openAutocomplete = await screen.findByRole('listbox');
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #1' });
+            await within(openAutocomplete).findByRole('option', { name: 'RN Specialty Type #2' });
+            await waitFor(() => expect(within(openAutocomplete).queryByRole('option', { name: 'NP Specialty Type #1' })).not.toBeInTheDocument());
+            await waitFor(() => expect(within(openAutocomplete).queryByRole('option', { name: 'NP Specialty Type #2' })).not.toBeInTheDocument());
+            await user.keyboard('{Escape}');
+            await waitFor(() => {
+                expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
+            });
+        });
+    });
+});

package/dist/published/components/custom/FormV2/tests/test-data.d.ts

@@ -0,0 +1,16 @@
+import { EvokeForm, Obj, ObjectInstance } from '@evoke-platform/context';
+export declare const createSpecialtyForm: EvokeForm;
+export declare const simpleConditionDisplayTestSpecialtyForm: EvokeForm;
+export declare const jsonLogicDisplayTestSpecialtyForm: EvokeForm;
+export declare const licenseObject: Obj;
+export declare const licenseTypeObject: Obj;
+export declare const specialtyObject: Obj;
+export declare const specialtyTypeObject: Obj;
+export declare const rnLicense: ObjectInstance;
+export declare const npLicense: ObjectInstance;
+export declare const rnLicenseType: ObjectInstance;
+export declare const npLicesneType: ObjectInstance;
+export declare const rnSpecialtyType1: ObjectInstance;
+export declare const rnSpecialtyType2: ObjectInstance;
+export declare const npSpecialtyType1: ObjectInstance;
+export declare const npSpecialtyType2: ObjectInstance;