@evoke-platform/ui-components 1.8.0-testing.9 → 1.8.1-dev.0

package/dist/published/components/custom/Form/tests/test-data.js

@@ -39,6 +39,17 @@ export const licenseObject = {
             name: 'Create',
             type: 'create',
             outputEvent: 'License Created',
+            form: {
+                entries: [
+                    {
+                        parameterId: 'name',
+                        type: 'input',
+                        display: {
+                            label: 'License Number',
+                        },
+                    },
+                ],
+            },
         },
     ],
 };
@@ -78,6 +89,118 @@ export const licenseTypeObject = {
         },
     ],
 };
+// New dedicated object for 508 testing
+export const accessibility508Object = {
+    id: 'accessibility508',
+    name: 'Accessibility 508 Test Object',
+    properties: [
+        {
+            id: 'name',
+            name: 'Name',
+            type: 'string',
+        },
+        {
+            id: 'license',
+            name: 'License',
+            type: 'object',
+            objectId: 'license',
+        },
+        {
+            id: 'user',
+            name: 'User',
+            type: 'user',
+        },
+    ],
+    actions: [
+        {
+            id: '_update1',
+            name: 'Update Related Object',
+            type: 'update',
+            outputEvent: '508 Test Object Updated',
+            parameters: [
+                {
+                    id: 'name',
+                    name: 'Name',
+                    type: 'string',
+                },
+                {
+                    id: 'license',
+                    name: 'License',
+                    type: 'object',
+                    objectId: 'license',
+                },
+            ],
+            form: {
+                entries: [
+                    {
+                        parameterId: 'name',
+                        type: 'input',
+                        display: {
+                            label: 'Name',
+                        },
+                    },
+                    {
+                        parameterId: 'license',
+                        type: 'input',
+                        display: {
+                            label: 'License',
+                            relatedObjectDisplay: 'dropdown',
+                        },
+                    },
+                ],
+            },
+        },
+        {
+            id: '_update2',
+            name: 'Update User',
+            type: 'update',
+            outputEvent: '508 Test Object Updated',
+            parameters: [
+                {
+                    id: 'name',
+                    name: 'Name',
+                    type: 'string',
+                },
+                {
+                    id: 'user',
+                    type: 'user',
+                    name: 'User',
+                    required: false,
+                },
+            ],
+            form: {
+                entries: [
+                    {
+                        parameterId: 'name',
+                        type: 'input',
+                        display: {
+                            label: 'Name',
+                        },
+                    },
+                    {
+                        type: 'input',
+                        parameterId: 'user',
+                        display: {
+                            label: 'User',
+                        },
+                    },
+                ],
+            },
+        },
+        {
+            id: '_delete',
+            name: 'Delete',
+            type: 'delete',
+            outputEvent: 'Accessibility Type Deleted',
+        },
+        {
+            id: '_create',
+            name: 'Create',
+            type: 'create',
+            outputEvent: 'Accessibility Type Created',
+        },
+    ],
+};
 export const specialtyObject = {
     id: 'specialty',
     name: 'Specialty',
@@ -379,3 +502,18 @@ export const npSpecialtyType2 = {
         name: 'NP License Type',
     },
 };
+// Users
+export const users = [
+    {
+        id: 'user1',
+        status: 'Active',
+        email: 'user1@systemautomation.com',
+        name: 'User 1',
+    },
+    {
+        id: 'user2',
+        status: 'Active',
+        email: 'user2@systemautomation.com',
+        name: 'User 2',
+    },
+];

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

@@ -2,7 +2,7 @@ import { EvokeForm, ObjectInstance } from '@evoke-platform/context';
 import React, { ComponentType } from 'react';
 import { FieldErrors, FieldValues } from 'react-hook-form';
 import { BaseProps, Document, SimpleEditorProps } from './components/types';
-export type FormProps = BaseProps & {
+export type FormRendererProps = BaseProps & {
     richTextEditor?: ComponentType<SimpleEditorProps>;
     hideButtons?: boolean;
     value?: FieldValues;
@@ -19,5 +19,5 @@ export type FormProps = BaseProps & {
         propertyId?: string;
     };
 };
-declare function FormRenderer(props: FormProps): React.JSX.Element;
+declare function FormRenderer(props: FormRendererProps): React.JSX.Element;
 export default FormRenderer;

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

@@ -1,6 +1,6 @@
 import React, { ComponentType } from 'react';
 import { BaseProps, SimpleEditorProps } from './components/types';
-export type FormProps = BaseProps & {
+export type FormRendererContainerProps = BaseProps & {
     formId?: string;
     instanceId?: string;
     defaultPages?: Record<string, string>;
@@ -12,6 +12,7 @@ export type FormProps = BaseProps & {
     };
     actionId?: string;
     stickyFooter?: boolean;
+    hideButtons?: boolean;
     objectId: string;
     richTextEditor?: ComponentType<SimpleEditorProps>;
     onClose?: () => void;
@@ -21,5 +22,5 @@ export type FormProps = BaseProps & {
         propertyId?: string;
     };
 };
-declare function FormRendererContainer(props: FormProps): React.JSX.Element;
+declare function FormRendererContainer(props: FormRendererContainerProps): React.JSX.Element;
 export default FormRendererContainer;

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

@@ -9,7 +9,7 @@ import { evalDefaultVals, processValueUpdate } from './components/DefaultValues'
 import { convertDocToEntries, deleteDocuments, encodePageSlug, formatDataToDoc, formatSubmission, getEntryId, getPrefixedUrl, getUnnestedEntries, isAddressProperty, isEmptyWithDefault, } from './components/utils';
 import FormRenderer from './FormRenderer';
 function FormRendererContainer(props) {
-    const { instanceId, pageNavigation, documentId, dataType, display, formId, stickyFooter, objectId, actionId, richTextEditor, onClose, onSubmit, associatedObject, } = props;
+    const { instanceId, pageNavigation, documentId, dataType, display, formId, stickyFooter, objectId, actionId, richTextEditor, onClose, onSubmit, associatedObject, hideButtons, } = props;
     const apiServices = useApiServices();
     const navigateTo = useNavigate();
     const { id: appId, defaultPages } = useApp();
@@ -417,7 +417,7 @@ function FormRendererContainer(props) {
             padding: '0px',
             border: !isLoading && !onClose ? '1px solid #dbe0e4' : undefined,
         } },
-        !isLoading ? (React.createElement(FormRenderer, { onSubmit: onSubmit ?? saveHandler, hideButtons: document && !hasDocumentUpdateAccess, richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formData, stickyFooter: stickyFooter, form: form, instance: dataType !== 'documents' ? instance : document, onChange: onChange, onCancel: onClose ?? onCancel, associatedObject: associatedObject })) : (React.createElement(Box, { sx: { padding: '20px' } },
+        !isLoading ? (React.createElement(FormRenderer, { onSubmit: onSubmit ?? saveHandler, hideButtons: hideButtons ?? (document && !hasDocumentUpdateAccess), richTextEditor: richTextEditor, fieldHeight: display?.fieldHeight ?? 'medium', value: formData, stickyFooter: stickyFooter, form: form, instance: dataType !== 'documents' ? instance : document, onChange: onChange, onCancel: onClose ?? onCancel, associatedObject: associatedObject })) : (React.createElement(Box, { sx: { padding: '20px' } },
             React.createElement(Box, { display: 'flex', width: '100%', justifyContent: 'space-between' },
                 React.createElement(Skeleton, { width: '78%', sx: { borderRadius: '8px', height: '40px' } }),
                 React.createElement(Skeleton, { width: '20%', sx: { borderRadius: '8px', height: '40px' } })),

package/dist/published/components/custom/FormV2/components/FormFieldTypes/UserProperty.js

@@ -41,7 +41,7 @@ const UserProperty = (props) => {
         }
     }, [id]);
     function handleChangeUserProperty(id, value) {
-        const updatedValue = typeof value.value === 'string' ? { name: value.label, id: value.value } : undefined;
+        const updatedValue = typeof value?.value === 'string' ? { name: value.label, id: value.value } : null;
         handleChange(id, updatedValue);
     }
     return (options && (React.createElement(Autocomplete, { id: id, fullWidth: true, open: openOptions, popupIcon: userValue || readOnly ? '' : React.createElement(ExpandMore, null), PaperComponent: ({ children }) => {

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

@@ -1,6 +1,5 @@
 import { useApiServices, useAuthenticationContext, } from '@evoke-platform/context';
 import { WarningRounded } from '@mui/icons-material';
-import { cloneDeep } from 'lodash';
 import React, { useEffect, useMemo } from 'react';
 import { useResponsive } from '../../../../theme';
 import { useFormContext } from '../../../../theme/hooks';
@@ -70,7 +69,7 @@ export function RecursiveEntryRenderer(props) {
             return undefined;
         }
         if (def?.enum && def.type === 'string') {
-            const cloned = cloneDeep(def);
+            const cloned = structuredClone(def);
             // single select must be made to be type choices for label and error handling
             cloned.type = 'choices';
             return cloned;

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

@@ -81,7 +81,7 @@ export declare const deleteDocuments: (submittedFields: FieldValues, requestSucc
  *
  * Returns the cleaned submission ready for submitting.
  */
-export declare function formatSubmission(submission: FieldValues, apiServices: ApiServices, objectId: string, instanceId?: string, setSnackbarError?: React.Dispatch<React.SetStateAction<{
+export declare function formatSubmission(submission: FieldValues, apiServices?: ApiServices, objectId?: string, instanceId?: string, setSnackbarError?: React.Dispatch<React.SetStateAction<{
     showAlert: boolean;
     message?: string;
     isError: boolean;

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

@@ -628,7 +628,7 @@ export async function formatSubmission(submission, apiServices, objectId, instan
     for (const [key, value] of Object.entries(submission)) {
         if (isArray(value)) {
             const fileInArray = value.some((item) => item instanceof File);
-            if (fileInArray && instanceId) {
+            if (fileInArray && instanceId && apiServices && objectId) {
                 try {
                     const uploadedDocuments = await uploadDocuments(value, {
                         type: '',

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;