@capillarytech/creatives-library 8.0.236-beta.0 → 8.0.237

package/v2Containers/EmailWrapper/tests/EmailHTMLEditor.test.js

@@ -1,177 +0,0 @@
-import React from 'react';
-import { render, fireEvent, screen, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { IntlProvider } from 'react-intl';
-import EmailHTMLEditor from '../components/EmailHTMLEditor';
-
-// Mock dependencies
-jest.mock('../messages', () => ({
-    create: { id: 'create', defaultMessage: 'Create' },
-    update: { id: 'update', defaultMessage: 'Update' },
-    previewAndTest: { id: 'previewAndTest', defaultMessage: 'Preview and Test' },
-    required: { id: 'required', defaultMessage: 'Required' },
-    subject: { id: 'subject', defaultMessage: 'Subject' },
-    emailContent: { id: 'emailContent', defaultMessage: 'Email Content' },
-    enterEmailSubject: { id: 'enterEmailSubject', defaultMessage: 'Enter Email Subject' },
-}));
-jest.mock('../../../v2Components/HtmlEditor', () => ({
-    __esModule: true,
-    default: ({ onContentChange, initialContent, onSave }) => (
-        <div data-testid="html-editor">
-            <textarea
-                data-testid="html-editor-textarea"
-                value={initialContent}
-                onChange={(e) => onContentChange(e.target.value)}
-            />
-            <button data-testid="html-editor-save" onClick={onSave}>Save in Editor</button>
-        </div>
-    ),
-}));
-
-jest.mock('../../../v2Components/CapTagListWithInput', () => ({
-    __esModule: true,
-    default: ({ inputOnChange, inputValue, inputErrorMessage, onTagSelect }) => (
-        <div data-testid="cap-tag-list-input">
-            <input
-                data-testid="subject-input"
-                value={inputValue}
-                onChange={inputOnChange}
-            />
-            {inputErrorMessage && <div data-testid="subject-error">{inputErrorMessage}</div>}
-            <button data-testid="add-tag-btn" onClick={() => onTagSelect('FirstName')}>Add Tag</button>
-        </div>
-    ),
-}));
-
-jest.mock('@capillarytech/cap-ui-library/CapNotification', () => ({
-    __esModule: true,
-    default: ({ message, description }) => (
-        <div data-testid="cap-notification">
-            {message}
-            {description}
-        </div>
-    ),
-}));
-
-jest.mock('@capillarytech/cap-ui-library/CapSpin', () => ({
-    __esModule: true,
-    default: ({ children, spinning }) => (
-        <div data-testid="cap-spin" data-spinning={spinning}>
-            {children}
-        </div>
-    ),
-}));
-
-jest.mock('@capillarytech/cap-ui-library/CapButton', () => ({
-    __esModule: true,
-    default: ({ children, onClick, type }) => (
-        <button data-testid={`cap-button-${type}`} onClick={onClick}>
-            {children}
-        </button>
-    ),
-}));
-
-describe('EmailHTMLEditor', () => {
-    const mockOnSave = jest.fn();
-    const mockOnPreview = jest.fn();
-    const mockOnSubjectChange = jest.fn();
-    const mockOnContentChange = jest.fn();
-
-    const defaultProps = {
-        intl: { formatMessage: ({ id, defaultMessage }) => defaultMessage || id },
-        onSave: mockOnSave,
-        onPreview: mockOnPreview,
-        onSubjectChange: mockOnSubjectChange,
-        onContentChange: mockOnContentChange,
-        loadingTags: false,
-        fetchingLiquidTags: false,
-        createTemplateInProgress: false,
-        fetchingCmsData: false,
-    };
-
-    const renderComponent = (props = {}) => {
-        return render(
-            <IntlProvider locale="en" messages={{}}>
-                <EmailHTMLEditor {...defaultProps} {...props} />
-            </IntlProvider>
-        );
-    };
-
-    beforeEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it('renders correctly', () => {
-        renderComponent();
-        expect(screen.getByTestId('html-editor')).toBeInTheDocument();
-        expect(screen.getByTestId('cap-tag-list-input')).toBeInTheDocument();
-        expect(screen.getByTestId('cap-button-primary')).toHaveTextContent('Create');
-        expect(screen.getByTestId('cap-button-secondary')).toHaveTextContent('Preview and Test');
-    });
-
-    it('renders Update button in edit mode', () => {
-        renderComponent({ isEditMode: true });
-        expect(screen.getByTestId('cap-button-primary')).toHaveTextContent('Update');
-    });
-
-    it('updates subject state on change', () => {
-        renderComponent();
-        const input = screen.getByTestId('subject-input');
-        fireEvent.change(input, { target: { value: 'New Subject' } });
-        expect(mockOnSubjectChange).toHaveBeenCalledWith('New Subject');
-        expect(input.value).toBe('New Subject');
-    });
-
-    it('updates content state on change', () => {
-        renderComponent();
-        const textarea = screen.getByTestId('html-editor-textarea');
-        fireEvent.change(textarea, { target: { value: '<p>New Content</p>' } });
-        expect(mockOnContentChange).toHaveBeenCalledWith('<p>New Content</p>');
-    });
-
-    it('validates empty subject on save', () => {
-        renderComponent();
-        const saveBtn = screen.getByTestId('cap-button-primary');
-        fireEvent.click(saveBtn);
-
-        expect(mockOnSave).not.toHaveBeenCalled();
-        // Expect internal error state to be set (mocked CapTagListWithInput displays it)
-        // Note: The mock implementation displays inputErrorMessage prop. 
-        // EmailHTMLEditor passes `subjectError || internalSubjectError`.
-        // We need to wait for state update if necessary, but fireEvent is synchronous for state updates in tests usually.
-        expect(screen.getByTestId('subject-error')).toBeInTheDocument();
-    });
-
-    it('calls onSave with valid data', () => {
-        renderComponent({ initialSubject: 'Valid Subject', initialContent: '<p>Valid Content</p>' });
-        const saveBtn = screen.getByTestId('cap-button-primary');
-        fireEvent.click(saveBtn);
-
-        expect(mockOnSave).toHaveBeenCalledWith({
-            subject: 'Valid Subject',
-            content: '<p>Valid Content</p>',
-        });
-    });
-
-    it('calls onPreview with valid data', () => {
-        renderComponent({ initialSubject: 'Subject', initialContent: 'Content' });
-        const previewBtn = screen.getByTestId('cap-button-secondary');
-        fireEvent.click(previewBtn);
-
-        expect(mockOnPreview).toHaveBeenCalledWith({
-            subject: 'Subject',
-            content: 'Content',
-        });
-    });
-
-    it('handles tag insertion into subject', () => {
-        renderComponent({ initialSubject: 'Hello ' });
-        const addTagBtn = screen.getByTestId('add-tag-btn');
-        fireEvent.click(addTagBtn);
-
-        // Mock implementation appends tag
-        // The component logic handles insertion at cursor or append
-        // Here we just check if onSubjectChange was called with appended tag
-        expect(mockOnSubjectChange).toHaveBeenCalledWith('Hello {{FirstName}}');
-    });
-});

package/v2Containers/EmailWrapper/tests/EmailHTMLEditorValidation.test.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import { render, waitFor } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import EmailHTMLEditor from '../components/EmailHTMLEditor';
-
-// Mock dependencies
-jest.mock('../../../v2Components/HtmlEditor', () => () => <div data-testid="html-editor" />);
-jest.mock('../../../v2Components/CapTagListWithInput', () => () => <div data-testid="cap-tag-list" />);
-jest.mock('@capillarytech/cap-ui-library/CapSpin', () => ({ children }) => <div>{children}</div>);
-jest.mock('@capillarytech/cap-ui-library/CapRow', () => ({ children }) => <div>{children}</div>);
-jest.mock('@capillarytech/cap-ui-library/CapColumn', () => ({ children }) => <div>{children}</div>);
-jest.mock('@capillarytech/cap-ui-library/CapNotification', () => () => <div />);
-jest.mock('../../../utils/commonUtils', () => ({
-    validateLiquidTemplateContent: jest.fn(),
-    hasLiquidSupportFeature: jest.fn(() => true),
-}));
-jest.mock('../../../utils/common', () => ({
-    hasLiquidSupportFeature: jest.fn(() => true),
-}));
-
-describe('EmailHTMLEditor Validation', () => {
-    const mockOnValidationFail = jest.fn();
-    const mockGetFormdata = jest.fn();
-    const defaultProps = {
-        intl: { formatMessage: ({ defaultMessage }) => defaultMessage },
-        onValidationFail: mockOnValidationFail,
-        isGetFormData: false,
-        getFormdata: mockGetFormdata,
-        location: {},
-        Email: {},
-        emailActions: {},
-        currentOrgDetails: {},
-    };
-
-    beforeEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it('calls onValidationFail when subject is empty and save is triggered', async () => {
-        const { rerender } = render(
-            <IntlProvider locale="en">
-                <EmailHTMLEditor {...defaultProps} />
-            </IntlProvider>
-        );
-
-        // Trigger save by setting isGetFormData to true
-        rerender(
-            <IntlProvider locale="en">
-                <EmailHTMLEditor {...defaultProps} isGetFormData={true} />
-            </IntlProvider>
-        );
-
-        await waitFor(() => {
-            expect(mockOnValidationFail).toHaveBeenCalled();
-        });
-    });
-
-    it('calls onValidationFail when liquid validation fails', async () => {
-        const mockGetLiquidTags = jest.fn();
-        // Mock validateLiquidTemplateContent to trigger onError
-        const { validateLiquidTemplateContent } = require('../../../utils/commonUtils');
-        validateLiquidTemplateContent.mockImplementation(({ onError }) => {
-            onError({ standardErrors: ['Error'], liquidErrors: [] });
-        });
-
-        const { rerender } = render(
-            <IntlProvider locale="en">
-                <EmailHTMLEditor
-                    {...defaultProps}
-                    getLiquidTags={mockGetLiquidTags}
-                />
-            </IntlProvider>
-        );
-
-        // Trigger save
-        rerender(
-            <IntlProvider locale="en">
-                <EmailHTMLEditor
-                    {...defaultProps}
-                    getLiquidTags={mockGetLiquidTags}
-                    isGetFormData={true}
-                />
-            </IntlProvider>
-        );
-
-        await waitFor(() => {
-            expect(mockOnValidationFail).toHaveBeenCalled();
-        });
-    });
-});