intelicoreact 1.5.41 → 1.6.0

package/dist/Atomic/FormElements/UserContacts/UserContact.test.js

@@ -0,0 +1,381 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _react1 = require("@testing-library/react");
+const _UserContacts = /*#__PURE__*/ _interop_require_default(require("./UserContacts"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function createTestProps(overrides = {}) {
+    return {
+        email: 'test@example.com',
+        phone: '+1234567890',
+        ...overrides
+    };
+}
+function mockResizeObserver() {
+    class ResizeObserverMock {
+        observe() {}
+        unobserve() {}
+        disconnect() {}
+    }
+    window.ResizeObserver = ResizeObserverMock;
+}
+function mockRefs(widths) {
+    const refs = {
+        mainRef: {
+            current: {
+                clientWidth: widths.main || 500
+            }
+        },
+        firstRef: {
+            current: {
+                clientWidth: widths.first || 100
+            }
+        },
+        secondRef: {
+            current: {
+                clientWidth: widths.second || 100
+            }
+        },
+        contactsRef: {
+            current: {
+                clientWidth: widths.contacts || 100
+            }
+        }
+    };
+    return refs;
+}
+describe('userContacts', ()=>{
+    const testEmail = 'test@example.com';
+    const testPhone = '+1234567890';
+    const defaultProps = {
+        email: testEmail,
+        phone: testPhone
+    };
+    it('renders without crashing', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps
+        }));
+        expect(_react1.screen.getByTestId('user-contacts')).toBeInTheDocument();
+    });
+    it('renders email and phone correctly', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps
+        }));
+        const emailLink = _react1.screen.getByText(`${testEmail},`);
+        const phoneLink = _react1.screen.getByText(testPhone);
+        expect(emailLink).toBeInTheDocument();
+        expect(phoneLink).toBeInTheDocument();
+        expect(emailLink.closest('a')).toHaveAttribute('href', `mailto:${testEmail}`);
+        expect(phoneLink.closest('a')).toHaveAttribute('href', `tel:${testPhone}`);
+    });
+    it('renders phone first when isFirstPhone is true', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            isFirstPhone: true
+        }));
+        const links = _react1.screen.getAllByRole('link');
+        expect(links[0]).toHaveAttribute('href', `tel:${testPhone}`);
+        expect(links[1]).toHaveAttribute('href', `mailto:${testEmail}`);
+    });
+    it('renders main contacts correctly', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            isDisputeContact: true,
+            isSalesContact: true
+        }));
+        expect(_react1.screen.getByText(/Dispute/)).toBeInTheDocument();
+        expect(_react1.screen.getByText(/Sales/)).toBeInTheDocument();
+    });
+    it('renders contacts with custom prefix and postfix', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            isDisputeContact: {
+                prefix: 'Primary',
+                postfix: 'Manager'
+            }
+        }));
+        expect(_react1.screen.getByText(/Primary Dispute Manager/)).toBeInTheDocument();
+    });
+    it('renders other contacts correctly', ()=>{
+        const otherContacts = [
+            'Support',
+            'Marketing'
+        ];
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            otherContacts: otherContacts
+        }));
+        otherContacts.forEach((contact)=>{
+            expect(_react1.screen.getByText(new RegExp(contact))).toBeInTheDocument();
+        });
+    });
+    it('uses custom translation function', ()=>{
+        const Lng = (value)=>`translated_${value}`;
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            Lng: Lng,
+            isDisputeContact: true
+        }));
+        expect(_react1.screen.getByText(/translated_Dispute/)).toBeInTheDocument();
+    });
+    it('renders with custom generalizing word', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            generalizingWord: "department",
+            isDisputeContact: true
+        }));
+        expect(_react1.screen.getByText(/department/)).toBeInTheDocument();
+    });
+    it('does not render generalizing word when isNotRenderGeneralizingWord is true', ()=>{
+        const { container } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            generalizingWord: "department",
+            isNotRenderGeneralizingWord: true,
+            isDisputeContact: true
+        }));
+        expect(container).not.toHaveTextContent(/department/);
+    });
+    it('handles empty props correctly', ()=>{
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {}));
+        expect(_react1.screen.getByTestId('user-contacts')).toBeEmptyDOMElement();
+    });
+    it('applies custom className correctly', ()=>{
+        const customClass = 'custom-class';
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            className: customClass
+        }));
+        expect(_react1.screen.getByTestId('user-contacts')).toHaveClass(customClass);
+    });
+    it('applies custom className correctly', ()=>{
+        const customClass = 'custom-class';
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            className: customClass
+        }));
+        expect(_react1.screen.getByTestId('user-contacts')).toHaveClass(customClass);
+    });
+    it('uses custom icons correctly', ()=>{
+        const CustomEmailIcon = ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                "data-testid": "custom-email-icon",
+                children: "📧"
+            });
+        const CustomPhoneIcon = ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                "data-testid": "custom-phone-icon",
+                children: "📞"
+            });
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            EmailIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomEmailIcon, {}),
+            PhoneIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomPhoneIcon, {}),
+            maxWidth: 100
+        }));
+        // Имитируем маленькую ширину для активации режима иконок
+        Object.defineProperty(HTMLElement.prototype, 'clientWidth', {
+            configurable: true,
+            value: 50
+        });
+    });
+    it('renders other contacts together with main contacts when isOtherTogetherMainContacts is true', ()=>{
+        const otherContacts = [
+            'Support'
+        ];
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            ...defaultProps,
+            isDisputeContact: true,
+            otherContacts: otherContacts,
+            isOtherTogetherMainContacts: true
+        }));
+        const contactsContainer = _react1.screen.getByTestId('user-contacts');
+        expect(contactsContainer.textContent).toMatch(/Dispute.*Support/);
+    });
+    it('trims contact values correctly', ()=>{
+        const emailWithSpaces = ' test@example.com ';
+        const phoneWithSpaces = ' +1234567890 ';
+        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+            email: emailWithSpaces,
+            phone: phoneWithSpaces
+        }));
+        const emailLink = _react1.screen.getByText(`${emailWithSpaces.trim()} ,`);
+        const phoneLink = _react1.screen.getByText(phoneWithSpaces.trim());
+        expect(emailLink.closest('a')).toHaveAttribute('href', `mailto:${emailWithSpaces.trim()}`);
+        expect(phoneLink.closest('a')).toHaveAttribute('href', `tel:${phoneWithSpaces.trim()}`);
+    });
+    describe('layout behavior', ()=>{
+        beforeEach(()=>{
+            jest.useFakeTimers();
+        });
+        afterEach(()=>{
+            jest.useRealTimers();
+        });
+        it('switches to icon mode when content exceeds maxWidth', ()=>{
+            // Мокаем размеры элементов
+            const mockRefs = {
+                mainRef: {
+                    current: {
+                        clientWidth: 100
+                    }
+                },
+                firstRef: {
+                    current: {
+                        clientWidth: 40
+                    }
+                },
+                secondRef: {
+                    current: {
+                        clientWidth: 40
+                    }
+                },
+                contactsRef: {
+                    current: {
+                        clientWidth: 40
+                    }
+                }
+            };
+            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.mainRef);
+            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.firstRef);
+            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.secondRef);
+            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.contactsRef);
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...defaultProps,
+                maxWidth: 100
+            }));
+            jest.runAllTimers();
+        });
+    });
+    describe('main contacts combinations', ()=>{
+        it('renders all types of main contacts correctly', ()=>{
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...defaultProps,
+                isDisputeContact: true,
+                isSalesContact: true,
+                isAccountingContact: true,
+                isBusinessContact: true,
+                isTechnicalContact: true
+            }));
+            const contactTypes = [
+                'Dispute',
+                'Sales',
+                'Accounting',
+                'Business',
+                'Technical'
+            ];
+            contactTypes.forEach((type)=>{
+                expect(_react1.screen.getByText(new RegExp(type))).toBeInTheDocument();
+            });
+        });
+        it('handles complex prefix and postfix combinations', ()=>{
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...defaultProps,
+                isDisputeContact: {
+                    prefix: 'Senior',
+                    postfix: 'Manager'
+                },
+                isSalesContact: {
+                    prefix: 'Lead',
+                    postfix: 'Representative'
+                }
+            }));
+            expect(_react1.screen.getByText(/Senior Dispute Manager/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Lead Sales Representative/)).toBeInTheDocument();
+        });
+    });
+    describe('userContacts', ()=>{
+        // Подготавливаем окружение перед каждым тестом
+        beforeEach(()=>{
+            mockResizeObserver();
+        });
+        it('renders with default test props', ()=>{
+            const props = createTestProps();
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...props
+            }));
+            expect(_react1.screen.getByTestId('user-contacts')).toBeInTheDocument();
+            expect(_react1.screen.getByText(`${props.email},`)).toBeInTheDocument();
+            expect(_react1.screen.getByText(props.phone)).toBeInTheDocument();
+        });
+        it('renders all contact types with prefixes', ()=>{
+            const props = createTestProps({
+                isDisputeContact: {
+                    prefix: 'Senior',
+                    postfix: 'Manager'
+                },
+                isSalesContact: {
+                    prefix: 'Lead',
+                    postfix: 'Representative'
+                },
+                isAccountingContact: true,
+                isBusinessContact: true,
+                isTechnicalContact: true
+            });
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...props
+            }));
+            expect(_react1.screen.getByText(/Senior Dispute Manager/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Lead Sales Representative/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Accounting/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Business/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Technical/)).toBeInTheDocument();
+        });
+        it('handles empty props gracefully', ()=>{
+            const props = createTestProps({
+                email: undefined,
+                phone: undefined
+            });
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...props
+            }));
+            expect(_react1.screen.getByTestId('user-contacts')).toBeEmptyDOMElement();
+        });
+        it('renders other contacts correctly', ()=>{
+            const props = createTestProps({
+                otherContacts: [
+                    'Support',
+                    'Marketing'
+                ],
+                isOtherTogetherMainContacts: true
+            });
+            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                ...props
+            }));
+            expect(_react1.screen.getByText(/Support/)).toBeInTheDocument();
+            expect(_react1.screen.getByText(/Marketing/)).toBeInTheDocument();
+        });
+        describe('layout behavior', ()=>{
+            beforeEach(()=>{
+                jest.useFakeTimers();
+            });
+            afterEach(()=>{
+                jest.useRealTimers();
+            });
+            it('updates layout on prop changes', ()=>{
+                const refs = mockRefs({
+                    main: 200,
+                    first: 50,
+                    second: 50,
+                    contacts: 50
+                });
+                jest.spyOn(_react.default, 'useRef').mockImplementationOnce(()=>refs.mainRef).mockImplementationOnce(()=>refs.firstRef).mockImplementationOnce(()=>refs.secondRef).mockImplementationOnce(()=>refs.contactsRef);
+                const { rerender } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                    ...createTestProps()
+                }));
+                // Перерендер с новыми пропсами
+                rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
+                    ...createTestProps({
+                        email: 'new@test.com'
+                    })
+                }));
+                jest.runAllTimers();
+                // Проверяем, что компонент обновился с новым email
+                expect(_react1.screen.getByText('new@test.com,')).toBeInTheDocument();
+            });
+        });
+    });
+});

package/dist/Atomic/FormElements/UserContacts/UserContacts.interface.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});