@capillarytech/creatives-library 8.0.242-alpha.10 → 8.0.242-alpha.11

package/v2Containers/CreativesContainer/tests/SlideBoxContent.test.js

@@ -24,6 +24,24 @@ jest.mock('../../../v2Components/FormBuilder', () => ({
   ),
 }));
 
+jest.mock('../../WebPush/Create/preview/DevicePreviewContent', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="DevicePreviewContent-mock" {...props}>
+      DevicePreviewContent
+    </div>
+  ),
+}));
+
+jest.mock('../../WebPush', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="WebPush-mock" {...props}>
+      WebPush
+    </div>
+  ),
+}));
+
 describe('Test SlideBoxContent container', () => {
   const onCreateComplete = jest.fn();
   let renderedComponent;
@@ -700,4 +718,196 @@ describe('Test SlideBoxContent container', () => {
       expect(renderedComponent).toMatchSnapshot();
     });
   });
+
+  describe('WebPush channel functionality', () => {
+    it('Should render correct component for webpush channel create mode', () => {
+      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' });
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel edit mode', () => {
+      const webpushEditTemplateData = {
+        type: 'WEBPUSH',
+        _id: '123',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message',
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel preview mode with all fields', () => {
+      const webpushPreviewTemplateData = {
+        type: 'WEBPUSH',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Notification Title',
+                message: 'Test notification body text',
+                image: 'https://example.com/image.jpg',
+                brandIcon: 'https://example.com/brand-icon.png',
+                onClickAction: {
+                  url: 'https://example.com'
+                }
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel preview mode with minimal fields', () => {
+      const webpushPreviewTemplateData = {
+        type: 'WEBPUSH',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message'
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel preview mode with empty fields', () => {
+      const webpushPreviewTemplateData = {
+        type: 'WEBPUSH',
+        versions: {
+          base: {
+            content: {
+              webpush: {}
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel preview mode with missing onClickAction url', () => {
+      const webpushPreviewTemplateData = {
+        type: 'WEBPUSH',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message',
+                onClickAction: {}
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should render correct component for webpush channel preview mode with null onClickAction', () => {
+      const webpushPreviewTemplateData = {
+        type: 'WEBPUSH',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message',
+                onClickAction: null
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'preview', webpushPreviewTemplateData);
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should handle supportedTags prop in webpush create mode', () => {
+      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' }, { 
+        supportedTags: ['tag1', 'tag2'] 
+      });
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should handle supportedTags prop in webpush edit mode', () => {
+      const webpushEditTemplateData = {
+        type: 'WEBPUSH',
+        _id: '123',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message',
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData, { 
+        supportedTags: ['tag1', 'tag2'] 
+      });
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should handle webpush create mode with all props', () => {
+      renderFunction('WEBPUSH', 'createTemplate', { mode: 'create' }, {
+        isFullMode: true,
+        handleClose: jest.fn(),
+        onCreateComplete: jest.fn(),
+        creativesMode: 'test',
+        getDefaultTags: 'outbound',
+        forwardedTags: {},
+        supportedTags: ['tag1'],
+        selectedOfferDetails: [],
+        eventContextTags: {}
+      });
+      expect(renderedComponent).toMatchSnapshot();
+    });
+
+    it('Should handle webpush edit mode with all props', () => {
+      const webpushEditTemplateData = {
+        type: 'WEBPUSH',
+        _id: '123',
+        versions: {
+          base: {
+            content: {
+              webpush: {
+                title: 'Test Title',
+                message: 'Test Message',
+              }
+            }
+          }
+        }
+      };
+      renderFunction('WEBPUSH', 'editTemplate', webpushEditTemplateData, {
+        isFullMode: true,
+        handleClose: jest.fn(),
+        onCreateComplete: jest.fn(),
+        creativesMode: 'test',
+        getDefaultTags: 'outbound',
+        forwardedTags: {},
+        supportedTags: ['tag1'],
+        selectedOfferDetails: [],
+        eventContextTags: {}
+      });
+      expect(renderedComponent).toMatchSnapshot();
+    });
+  });
 });