@reltio/profile 1.4.1585 → 1.4.1586-mui5

package/src/components/ProfileTableAttributeView/__tests__/IntegrationProfileTableAttributeView.test.tsx

@@ -0,0 +1,278 @@
+import React, {ReactNode} from 'react';
+import {Provider} from 'react-redux';
+import {render, screen, waitFor, within} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import {ActionsHookProvider} from '@reltio/components';
+import {cascadeUpdate, getDependentLookups, getPagedEntity, Mode, TableAttributeViewConfig} from '@reltio/mdm-sdk';
+import {profile} from '@reltio/mdm-module';
+import {ProfileTableAttributeView} from '../ProfileTableAttributeView';
+import {createTestStore} from '../../../../../../__mocks__/store-utils';
+import {createInitialState} from './data/store.data';
+import {TestStylesProvider} from '../../../../../../test/TestStylesProvider';
+
+jest.mock('@reltio/mdm-sdk', () => ({
+    ...jest.requireActual<Record<string, unknown>>('@reltio/mdm-sdk'),
+    getPagedEntity: jest.fn(),
+    getDependentLookups: jest.fn().mockResolvedValue({}),
+    typeAheadSearch: jest.fn(() => Promise.resolve([])),
+    cascadeUpdate: jest.fn((_, __) => Promise.resolve([]))
+}));
+
+const defaultConfig = {
+    attributeUri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested',
+    max: 15
+} as TableAttributeViewConfig;
+
+describe('ProfileTableAttributeView tests', () => {
+    let initialState, dispatch;
+
+    const setUp = (config = defaultConfig, className = '') => {
+        const store = createTestStore(initialState);
+        dispatch = store.dispatch;
+        const Providers = ({children}: {children: ReactNode}) => (
+            <Provider store={store}>
+                <TestStylesProvider>
+                    <ActionsHookProvider hook={() => () => {}}>{children}</ActionsHookProvider>
+                </TestStylesProvider>
+            </Provider>
+        );
+        return {
+            render: render(<ProfileTableAttributeView config={config} className={className} />, {wrapper: Providers}),
+            user: userEvent.setup()
+        };
+    };
+
+    beforeEach(() => {
+        initialState = createInitialState();
+        (getPagedEntity as jest.Mock).mockImplementation(() => Promise.resolve([]));
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    describe('Editing behavior', () => {
+        it('should validate attribute on Apply click', async () => {
+            initialState = createInitialState();
+            const {user} = setUp();
+            await waitFor(() => Promise.resolve());
+            dispatch(profile.mode.actions.modeUpdated(Mode.Editing));
+
+            await user.click(screen.getByTestId('table-attribute-view-add-button'));
+            await user.click(screen.getByTestId('table-attribute-view-apply-button'));
+
+            expect(screen.getByText('Has an incorrect value')).toBeInTheDocument();
+            expect(screen.getByText('Attribute is required')).toBeInTheDocument();
+            expect(screen.getByTestId('table-attribute-view-apply-button')).toBeInTheDocument();
+
+            const input = screen.getAllByRole('textbox')[0];
+            await user.type(input, '123');
+            await user.click(screen.getByTestId('table-attribute-view-apply-button'));
+
+            expect(screen.queryByText('Has an incorrect value')).not.toBeInTheDocument();
+            expect(screen.queryByText('Attribute is required')).not.toBeInTheDocument();
+            expect(screen.queryByTestId('table-attribute-view-apply-button')).not.toBeInTheDocument();
+        });
+
+        it('should validate reference attribute on Apply click', async () => {
+            initialState = createInitialState();
+            const config = {
+                attributeUri: 'configuration/entityTypes/HCP/attributes/affiliatedwith',
+                max: 15
+            } as TableAttributeViewConfig;
+            const {user} = setUp(config);
+            await waitFor(() => Promise.resolve());
+            dispatch(profile.mode.actions.modeUpdated(Mode.Editing));
+
+            await user.click(screen.getByTestId('table-attribute-view-add-button'));
+            await user.click(screen.getByTestId('table-attribute-view-apply-button'));
+
+            expect(screen.getByText('Has an incorrect value')).toBeInTheDocument();
+            expect(screen.getByText('Attribute is required')).toBeInTheDocument();
+            expect(screen.getByText('Entity is required')).toBeInTheDocument();
+            expect(screen.getByTestId('table-attribute-view-apply-button')).toBeInTheDocument();
+
+            const input = screen.getAllByRole('textbox')[1];
+            await user.type(input, '123');
+            await user.click(screen.getByTestId('table-attribute-view-apply-button'));
+
+            expect(screen.getByText('Has an incorrect value')).toBeInTheDocument();
+            expect(screen.getByText('Entity is required')).toBeInTheDocument();
+            expect(screen.queryByText('Attribute is required')).not.toBeInTheDocument();
+            expect(screen.getByTestId('table-attribute-view-apply-button')).toBeInTheDocument();
+        });
+
+        it('should create default values for reference subattributes on Add click', async () => {
+            initialState = createInitialState({hasDefaultValue: true});
+            const config = {
+                attributeUri: 'configuration/entityTypes/HCP/attributes/affiliatedwith',
+                max: 15
+            } as TableAttributeViewConfig;
+            const {user} = setUp(config);
+            await waitFor(() => Promise.resolve());
+            dispatch(profile.mode.actions.modeUpdated(Mode.Editing));
+
+            await user.click(screen.getByTestId('table-attribute-view-add-button'));
+            await user.click(screen.getByTestId('table-attribute-view-apply-button'));
+
+            expect(screen.getByText('Has an incorrect value')).toBeInTheDocument();
+            // there is no validation error for attribute because it's filled with default value
+            expect(screen.queryByText('Attribute is required')).not.toBeInTheDocument();
+            expect(screen.getByText('Entity is required')).toBeInTheDocument();
+            expect(screen.getByTestId('table-attribute-view-apply-button')).toBeInTheDocument();
+        });
+
+        describe('dependent lookups behaviour', () => {
+            const dependentLookupsChannel = {
+                codeValues: {
+                    CHANNEL_NAME_CD: {
+                        FAX: {
+                            displayName: 'FAX',
+                            parents: ['CLASSIFICATION_NAME_CD.TELE']
+                        },
+                        EMAI: {
+                            displayName: 'Email',
+                            parents: ['CLASSIFICATION_NAME_CD.DIGI']
+                        }
+                    }
+                }
+            };
+
+            it('should correctly perfrom cascadeUpdate for child dependent lookup after deleting required parent simple attribute', async () => {
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce(dependentLookupsChannel);
+                initialState = createInitialState();
+                const config = {
+                    attributeUri: 'configuration/entityTypes/HCP/attributes/ContactPreference',
+                    max: 15
+                } as TableAttributeViewConfig;
+                const {user} = setUp(config);
+                await waitFor(() => Promise.resolve());
+                dispatch(profile.mode.actions.modeUpdated(Mode.Editing));
+                await user.click(screen.getByText('Add'));
+                expect(screen.queryByText('More attributes')).toBeInTheDocument();
+                (cascadeUpdate as jest.Mock).mockImplementationOnce((state, _) =>
+                    Promise.resolve([
+                        {
+                            uri: state[0].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ChannelName',
+                            lookupValue: '',
+                            displayName: null,
+                            autopopulate: false,
+                            useDefaultValue: false
+                        },
+                        {
+                            uri: state[1].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ClassificationName',
+                            lookupValue: null,
+                            displayName: null,
+                            autopopulate: true,
+                            useDefaultValue: true
+                        }
+                    ])
+                );
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce(dependentLookupsChannel);
+                const deleteButton = screen.getAllByTestId('reltio-delete-simple-attribute-button')[0];
+                await user.click(deleteButton);
+                (cascadeUpdate as jest.Mock).mockImplementationOnce((state, _) =>
+                    Promise.resolve([
+                        {
+                            uri: state[0].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ChannelName',
+                            lookupValue: 'FAX',
+                            displayName: 'FAX',
+                            autopopulate: false,
+                            useDefaultValue: false
+                        },
+                        {
+                            uri: state[1].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ClassificationName',
+                            lookupValue: 'TELE',
+                            displayName: 'Telephonic',
+                            autopopulate: true,
+                            useDefaultValue: true
+                        }
+                    ])
+                );
+                const input = within(screen.getAllByTestId('reltio-attribute-value')[0]).getByRole('textbox');
+                await user.click(input);
+                const popup = screen.getByRole('tooltip');
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce({
+                    codeValues: {
+                        CLASSIFICATION_NAME_CD: {
+                            TELE: {
+                                displayName: 'Telephonic',
+                                parents: ['CLASSIFICATION_NAME_CD.TELE']
+                            }
+                        }
+                    },
+                    parents: [
+                        {
+                            type: 'CHANNEL_NAME_CD',
+                            codeValues: ['FAX']
+                        }
+                    ]
+                });
+                await user.click(within(popup).getByText('FAX'));
+                expect(screen.getByText('Telephonic (TELE)')).toBeInTheDocument();
+            });
+
+            it('should correctly perfrom cascadeUpdate for children dependent lookups after deleting whole required parent nested attribute', async () => {
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce(dependentLookupsChannel);
+                initialState = createInitialState();
+                const config = {
+                    attributeUri: 'configuration/entityTypes/HCP/attributes/ContactPreference',
+                    max: 15
+                } as TableAttributeViewConfig;
+                const {user} = setUp(config);
+                await waitFor(() => Promise.resolve());
+                dispatch(profile.mode.actions.modeUpdated(Mode.Editing));
+                await user.click(screen.getByText('Add'));
+                expect(screen.queryByText('More attributes')).toBeInTheDocument();
+                await user.click(screen.getByTestId('reltio-delete-complex-attribute-button'));
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce(dependentLookupsChannel);
+                await user.click(screen.getByTestId('table-attribute-view-add-button'));
+                const attribute = screen.getAllByTestId('reltio-attribute-value')[0];
+                await user.click(within(attribute).getByRole('textbox'));
+                (cascadeUpdate as jest.Mock).mockImplementationOnce((state, _) =>
+                    Promise.resolve([
+                        {
+                            uri: state[0].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ChannelName',
+                            lookupValue: 'FAX',
+                            displayName: 'FAX',
+                            autopopulate: false,
+                            useDefaultValue: false
+                        },
+                        {
+                            uri: state[1].uri,
+                            type: 'configuration/entityTypes/HCP/attributes/ContactPreference/attributes/ClassificationName',
+                            lookupValue: 'TELE',
+                            displayName: 'Telephonic',
+                            autopopulate: true,
+                            useDefaultValue: true
+                        }
+                    ])
+                );
+                (getDependentLookups as jest.Mock).mockResolvedValueOnce({
+                    codeValues: {
+                        CLASSIFICATION_NAME_CD: {
+                            TELE: {
+                                displayName: 'Telephonic',
+                                parents: ['CLASSIFICATION_NAME_CD.TELE']
+                            }
+                        }
+                    },
+                    parents: [
+                        {
+                            type: 'CHANNEL_NAME_CD',
+                            codeValues: ['FAX']
+                        }
+                    ]
+                });
+                const popup = screen.getByRole('tooltip');
+                await user.click(within(popup).getByText('FAX'));
+                expect(screen.getByText('Telephonic (TELE)')).toBeInTheDocument();
+            });
+        });
+    });
+});