@capillarytech/creatives-library 8.0.144 → 8.0.146

package/v2Containers/InappWrapper/tests/index.test.js

@@ -1,247 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import '@testing-library/jest-dom';
-import { injectIntl } from 'react-intl';
-import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
-import history from '../../../utils/history';
-import { initialReducer } from '../../../initialReducer';
-import { InappWrapper } from '../index';
-import { render, screen, fireEvent } from '../../../utils/test-utils';
-
-// Mock child components
-jest.mock('../../InApp/index.js', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div data-testid="inapp-basic-editor">
-      InApp Basic Editor
-    </div>
-  ),
-}));
-
-jest.mock('../../InappAdvanced/index.js', () => ({
-  __esModule: true,
-  default: (props) => (
-    <div data-testid="inapp-advanced-editor">
-      InApp Advanced Editor
-    </div>
-  ),
-}));
-
-let store;
-beforeAll(() => {
-  store = configureStore({}, initialReducer, history);
-});
-
-const ComponentToRender = injectIntl(InappWrapper);
-const renderComponent = (props) =>
-  render(
-    <Provider store={store}>
-      <ComponentToRender {...props} />
-    </Provider>
-  );
-
-describe('InappWrapper Component', () => {
-  let defaultProps;
-
-  beforeEach(() => {
-    defaultProps = {
-      inAppCreateMode: 'basicEditor',
-      step: 'modeSelection',
-      getFormData: jest.fn(),
-      setIsLoadingContent: jest.fn(),
-      isGetFormData: false,
-      query: { type: 'inapp' },
-      isFullMode: true,
-      showTemplateName: jest.fn(),
-      type: 'inapp',
-      onValidationFail: jest.fn(),
-      templateData: { id: 'test-template' },
-      onInAppModeChange: jest.fn(),
-      onEnterTemplateName: jest.fn(),
-      onRemoveTemplateName: jest.fn(),
-      forwardedTags: {},
-      selectedOfferDetails: {},
-      onCreateComplete: jest.fn(),
-    };
-  });
-
-  describe('Mode Selection Step', () => {
-
-    it('should render template name input when isFullMode is true', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'modeSelection',
-        isFullMode: true,
-      });
-
-      expect(screen.getByTestId('template-name-input')).toBeInTheDocument();
-    });
-
-    it('should not render template name input when isFullMode is false', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'modeSelection',
-        isFullMode: false,
-      });
-
-      expect(screen.queryByTestId('template-name-input')).not.toBeInTheDocument();
-    });
-
-    it('should update template name and call onEnterTemplateName when input value changes', () => {
-      const mockOnEnterTemplateName = jest.fn();
-      renderComponent({
-        ...defaultProps,
-        step: 'modeSelection',
-        onEnterTemplateName: mockOnEnterTemplateName,
-      });
-
-      const input = screen.getByTestId('template-name-input');
-      fireEvent.change(input, { target: { value: 'Test Template' } });
-
-      expect(input.value).toBe('Test Template');
-      expect(mockOnEnterTemplateName).toHaveBeenCalled();
-    });
-
-    it('should call onRemoveTemplateName when template name is cleared', () => {
-      const mockOnRemoveTemplateName = jest.fn();
-      renderComponent({
-        ...defaultProps,
-        step: 'modeSelection',
-        onRemoveTemplateName: mockOnRemoveTemplateName,
-      });
-
-      const input = screen.getByTestId('template-name-input');
-
-      // First add some text
-      fireEvent.change(input, { target: { value: 'Test' } });
-      // Then clear it
-      fireEvent.change(input, { target: { value: '' } });
-
-      expect(mockOnRemoveTemplateName).toHaveBeenCalled();
-    });
-  });
-
-  describe('Editor Rendering', () => {
-    it('should render InApp component when inAppCreateMode is "basicEditor" and step is not "modeSelection"', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'editor',
-        inAppCreateMode: 'basicEditor',
-      });
-
-      expect(screen.getByTestId('inapp-basic-editor')).toBeInTheDocument();
-      expect(screen.queryByTestId('inapp-advanced-editor')).not.toBeInTheDocument();
-    });
-
-    it('should render InappAdvanced component when inAppCreateMode is "beeEditor" and step is not "modeSelection"', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'editor',
-        inAppCreateMode: 'beeEditor',
-      });
-
-      expect(screen.getByTestId('inapp-advanced-editor')).toBeInTheDocument();
-      expect(screen.queryByTestId('inapp-basic-editor')).not.toBeInTheDocument();
-    });
-
-    it('should pass all required props to InApp component', () => {
-      const customProps = {
-        step: 'editor',
-        inAppCreateMode: 'basicEditor',
-        getFormData: jest.fn(),
-        templateData: { id: 'test' },
-      };
-
-      renderComponent({ ...defaultProps, ...customProps });
-
-      const inAppComponent = screen.getByTestId('inapp-basic-editor');
-      expect(inAppComponent).toBeInTheDocument();
-    });
-
-    it('should pass all required props to InappAdvanced component', () => {
-      const customProps = {
-        step: 'editor',
-        inAppCreateMode: 'beeEditor',
-        getFormData: jest.fn(),
-        templateData: { id: 'test' },
-      };
-
-      renderComponent({ ...defaultProps, ...customProps });
-
-      const advancedComponent = screen.getByTestId('inapp-advanced-editor');
-      expect(advancedComponent).toBeInTheDocument();
-    });
-  });
-
-  describe('Component Structure', () => {
-    it('should have the correct CSS class on the wrapper', () => {
-      const { container } = renderComponent({ ...defaultProps });
-
-      expect(container.firstChild).toHaveClass('inapp-wrapper');
-    });
-  });
-
-  describe('Props Validation', () => {
-    it('should handle missing optional props gracefully', () => {
-      const minimalProps = {
-        inAppCreateMode: 'basicEditor',
-        step: 'modeSelection',
-      };
-
-      expect(() => {
-        renderComponent({ ...defaultProps, ...minimalProps });
-      }).not.toThrow();
-    });
-
-    it('should handle undefined values in props', () => {
-      const propsWithUndefined = {
-        ...defaultProps,
-        templateData: undefined,
-        query: undefined,
-      };
-
-      expect(() => {
-        renderComponent({ ...defaultProps, ...propsWithUndefined });
-      }).not.toThrow();
-    });
-  });
-
-  describe('State Management', () => {
-    it('should maintain internal template name state', () => {
-      renderComponent({
-        ...defaultProps, 
-        step: 'modeSelection' 
-      });
-
-      const input = screen.getByTestId('template-name-input');
-      fireEvent.change(input, { target: { value: 'My Template' } });
-
-      expect(input.value).toBe('My Template');
-    });
-  });
-
-  describe('Conditional Rendering', () => {
-
-    it('should only render editor when step is not "modeSelection"', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'editor',
-        inAppCreateMode: 'basicEditor',
-      });
-
-      expect(screen.queryByTestId('cap-radio-card')).not.toBeInTheDocument();
-      expect(screen.getByTestId('inapp-basic-editor')).toBeInTheDocument();
-    });
-
-    it('should not render any editor when no matching inAppCreateMode', () => {
-      renderComponent({
-        ...defaultProps,
-        step: 'editor',
-        inAppCreateMode: 'unknownMode',
-      });
-
-      expect(screen.queryByTestId('inapp-basic-editor')).not.toBeInTheDocument();
-      expect(screen.queryByTestId('inapp-advanced-editor')).not.toBeInTheDocument();
-    });
-  });
-});