@capillarytech/creatives-library 8.0.257 → 8.0.259

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();
+    });
+  });
 });

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

@@ -1413,6 +1413,310 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
 </SlideBoxContent__CreativesWrapper>
 `;
 
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle supportedTags prop in webpush create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    supportedTags={
+      Array [
+        "tag1",
+        "tag2",
+      ]
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle supportedTags prop in webpush edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    supportedTags={
+      Array [
+        "tag1",
+        "tag2",
+      ]
+    }
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle webpush create mode with all props 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    creativesMode="test"
+    eventContextTags={Object {}}
+    forwardedTags={Object {}}
+    getDefaultTags=""
+    handleClose={[MockFunction]}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    selectedOfferDetails={Array []}
+    supportedTags={
+      Array [
+        "tag1",
+      ]
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should handle webpush edit mode with all props 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    creativesMode="test"
+    eventContextTags={Object {}}
+    forwardedTags={Object {}}
+    getDefaultTags=""
+    handleClose={[MockFunction]}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    selectedOfferDetails={Array []}
+    supportedTags={
+      Array [
+        "tag1",
+      ]
+    }
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/create",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    supportedTags={Array []}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <_default
+    getDefaultTags=""
+    location={
+      Object {
+        "pathname": "/webpush/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    supportedTags={Array []}
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "WEBPUSH",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "webpush": Object {
+                "message": "Test Message",
+                "title": "Test Title",
+              },
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with all fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc="https://example.com/brand-icon.png"
+      imageSrc="https://example.com/image.jpg"
+      layoutMode="compact"
+      notificationBody="Test notification body text"
+      notificationTitle="Test Notification Title"
+      url="https://example.com"
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with empty fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody=""
+      notificationTitle=""
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with minimal fields 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with missing onClickAction url 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container WebPush channel functionality Should render correct component for webpush channel preview mode with null onClickAction 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <div
+    className="webpush-preview-container"
+  >
+    <_default
+      brandIconSrc=""
+      imageSrc=""
+      layoutMode="compact"
+      notificationBody="Test Message"
+      notificationTitle="Test Title"
+      url=""
+    />
+  </div>
+</SlideBoxContent__CreativesWrapper>
+`;
+
 exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle FACEBOOK channel preview content 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <InjectIntl(TemplatePreview)