@capillarytech/creatives-library 8.0.141 → 8.0.142

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

@@ -0,0 +1,247 @@
+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();
+    });
+  });
+});

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -5964,6 +5965,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -9786,6 +9788,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -21554,6 +21555,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],

package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -34885,6 +34886,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],

package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -11299,6 +11300,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -20501,6 +20503,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -29980,6 +29983,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -41680,6 +41684,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -53422,6 +53427,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -61214,6 +61220,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -69424,6 +69431,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -77911,6 +77919,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],

package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -26291,6 +26292,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -50684,6 +50686,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -71063,6 +71066,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -91719,6 +91723,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -112551,6 +112556,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -133489,6 +133495,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -154321,6 +154328,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -175259,6 +175267,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -195361,6 +195370,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -221531,6 +221541,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -239758,6 +239769,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -260149,6 +260161,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -280808,6 +280821,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -300910,6 +300924,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -321289,6 +321304,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -341951,6 +341967,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -362344,6 +362361,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -2281,6 +2281,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -9335,6 +9336,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -16195,6 +16197,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],
@@ -23055,6 +23058,7 @@ new message content.",
         "email": [Function],
         "facebookPreview": [Function],
         "gallery": [Function],
+        "inapp": [Function],
         "language": [Function],
         "navigationConfig": [Function],
         "previewAndTest": [Function],