@capillarytech/creatives-library 8.0.307-alpha.0 → 8.0.308

package/utils/tests/commonUtil.test.js

@@ -27,17 +27,13 @@ describe("validateLiquidTemplateContent", () => {
     somethingWentWrong: { id: "wrong" },
     unsupportedTagsValidationError: { id: "unsupported" }
   };
+  const tagLookupMap = { foo: true };
   const eventContextTags = [{ tagName: "bar" }];
   const onError = jest.fn();
   const onSuccess = jest.fn();
 
   beforeEach(() => {
     jest.clearAllMocks();
-    formatMessage.mockImplementation((msg, vars) =>
-      vars && vars.unsupportedTags != null
-        ? `${msg?.id}:${vars.unsupportedTags}`
-        : (msg?.id ?? "unsupported")
-    );
   });
 
   it("calls onError for empty content", async () => {
@@ -50,10 +46,11 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
-      standardErrors: ["empty"],
+      standardErrors: [undefined],
       liquidErrors: [],
       tabType: undefined
     });
@@ -68,6 +65,7 @@ describe("validateLiquidTemplateContent", () => {
       getLiquidTags,
       formatMessage,
       messages,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).not.toHaveBeenCalled();
@@ -84,6 +82,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -107,6 +106,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -129,6 +129,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -149,6 +150,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -169,6 +171,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -199,6 +202,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -219,6 +223,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
@@ -228,15 +233,9 @@ describe("validateLiquidTemplateContent", () => {
     });
   });
 
-  it("calls onError when API returns success but response.errors has validation errors (e.g. unsupported tag)", async () => {
+  it("calls onError for unsupported tags", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
-      cb({
-        askAiraResponse: {
-          errors: [{ message: "Unsupported tag: custom_tag" }],
-          data: []
-        },
-        isError: false
-      })
+      cb({ askAiraResponse: { errors: [], data: [{ name: "baz" }] }, isError: false })
     );
     await validateLiquidTemplateContent("foo", {
       getLiquidTags,
@@ -244,33 +243,18 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onError).toHaveBeenCalledWith({
       standardErrors: [],
-      liquidErrors: ["Unsupported tag: custom_tag"],
+      liquidErrors: [undefined],
       tabType: undefined
     });
     expect(onSuccess).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns no errors and a single extracted tag (extracted tags are not validated)", async () => {
-    const getLiquidTags = jest.fn((content, cb) =>
-      cb({ askAiraResponse: { errors: [], data: [{ name: "foo" }] }, isError: false })
-    );
-    await validateLiquidTemplateContent("foo", {
-      getLiquidTags,
-      formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags
-    });
-    expect(onSuccess).toHaveBeenCalledWith("foo", undefined);
-    expect(onError).not.toHaveBeenCalled();
-  });
-
-  it("calls onSuccess for valid content when API returns multiple extracted tags but no errors", async () => {
+  it("calls onSuccess for valid content", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "foo" }, { name: "bar" }] }, isError: false })
     );
@@ -280,6 +264,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onSuccess).toHaveBeenCalledWith("foo", undefined);
@@ -295,6 +280,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -312,6 +298,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -329,6 +316,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -346,6 +334,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -363,6 +352,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -380,6 +370,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -397,6 +388,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -414,6 +406,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       skipTags
     });
@@ -431,6 +424,7 @@ describe("validateLiquidTemplateContent", () => {
     };
     const onError = jest.fn();
     const onSuccess = jest.fn();
+    const tagLookupMap = {};
     const eventContextTags = [];
     await validateLiquidTemplateContent('', {
       getLiquidTags,
@@ -438,6 +432,7 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
     });
     expect(formatMessage).toHaveBeenCalledWith(messages.emailBodyEmptyError);
@@ -449,7 +444,7 @@ describe("validateLiquidTemplateContent", () => {
     expect(onSuccess).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns extracted tags from {% for %} template but no errors (extracted tags are not validated)", async () => {
+  it("should skip tags that appear in {% %} syntax (like order.items in for loop)", async () => {
     const content = '{% for item in order.items %} Hello {% endfor %}';
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "order.items" }] }, isError: false })
@@ -460,13 +455,15 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
+    // order.items appears in {% %} syntax, so it should be skipped and validation should pass
     expect(onSuccess).toHaveBeenCalledWith(content, undefined);
     expect(onError).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns extracted tags in {% %} blocks but no errors", async () => {
+  it("should skip tags that appear only inside {% %} blocks (like item.name in for loop)", async () => {
     const content = '{% for item in order.items %} {{ item.name }} - {{ item.quantity }} {% endfor %}';
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "item.name" }, { name: "item.quantity" }] }, isError: false })
@@ -477,13 +474,15 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
+    // item.name and item.quantity appear inside {% for %} block, so they should be skipped
     expect(onSuccess).toHaveBeenCalledWith(content, undefined);
     expect(onError).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns extracted tags not in content but no errors", async () => {
+  it("should validate tags that don't appear in content but are extracted by API", async () => {
     const content = 'Some content without the tag';
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "extractedTag" }] }, isError: false })
@@ -494,13 +493,19 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
-    expect(onSuccess).toHaveBeenCalledWith(content, undefined);
-    expect(onError).not.toHaveBeenCalled();
+    // extractedTag doesn't appear in content but was extracted by API, should be validated
+    expect(onError).toHaveBeenCalledWith({
+      standardErrors: [],
+      liquidErrors: [undefined],
+      tabType: undefined
+    });
+    expect(onSuccess).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns tags outside {% %} but no errors", async () => {
+  it("should validate tags that appear outside {% %} blocks", async () => {
     const content = '{{ outsideTag }} {% for item in order.items %} {{ item.name }} {% endfor %}';
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "outsideTag" }, { name: "item.name" }] }, isError: false })
@@ -511,70 +516,20 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
-    expect(onSuccess).toHaveBeenCalledWith(content, undefined);
-    expect(onError).not.toHaveBeenCalled();
-  });
-
-  it("calls onSuccess when API returns tag in {{ }} and no errors", async () => {
-    const content = 'Hello {{ unsupportedTag }} world';
-    const getLiquidTags = jest.fn((content, cb) =>
-      cb({ askAiraResponse: { errors: [], data: [{ name: "unsupportedTag" }] }, isError: false })
-    );
-    await validateLiquidTemplateContent(content, {
-      getLiquidTags,
-      formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags
-    });
-    expect(onSuccess).toHaveBeenCalledWith(content, undefined);
-    expect(onError).not.toHaveBeenCalled();
-  });
-
-  it("calls onSuccess when API returns tag with spacing variants and no errors", async () => {
-    const content = '{{ tag}} and {{tag }} and {{ tag }}';
-    const getLiquidTags = jest.fn((content, cb) =>
-      cb({
-        askAiraResponse: {
-          errors: [],
-          data: [{ name: "tag" }]
-        },
-        isError: false
-      })
-    );
-    await validateLiquidTemplateContent(content, {
-      getLiquidTags,
-      formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags
-    });
-    expect(onSuccess).toHaveBeenCalledWith(content, undefined);
-    expect(onError).not.toHaveBeenCalled();
-  });
-
-  it("calls onSuccess when API returns tag inside {% %} blocks but no errors", async () => {
-    const content = '{% for x in some.unsupported %} {{ x }} {% endfor %}';
-    const getLiquidTags = jest.fn((content, cb) =>
-      cb({ askAiraResponse: { errors: [], data: [{ name: "some.unsupported" }] }, isError: false })
-    );
-    await validateLiquidTemplateContent(content, {
-      getLiquidTags,
-      formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags
+    // outsideTag appears outside {% %} block, so it should be validated
+    // item.name appears inside block, so it should be skipped
+    expect(onError).toHaveBeenCalledWith({
+      standardErrors: [],
+      liquidErrors: [undefined],
+      tabType: undefined
     });
-    expect(onSuccess).toHaveBeenCalledWith(content, undefined);
-    expect(onError).not.toHaveBeenCalled();
+    expect(onSuccess).not.toHaveBeenCalled();
   });
 
-  it("calls onSuccess when API returns tags with dots in {% %} syntax but no errors", async () => {
+  it("should skip tags with dots that appear in {% %} syntax", async () => {
     const content = '{% assign myVar = order.items %} Some text';
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [{ name: "order.items" }] }, isError: false })
@@ -585,8 +540,10 @@ describe("validateLiquidTemplateContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
+    // order.items appears in {% %} syntax, so it should be skipped
     expect(onSuccess).toHaveBeenCalledWith(content, undefined);
     expect(onError).not.toHaveBeenCalled();
   });
@@ -805,6 +762,7 @@ describe("validateMobilePushContent", () => {
     somethingWentWrong: { id: "wrong" },
     unsupportedTagsValidationError: { id: "unsupported" }
   };
+  const tagLookupMap = { foo: true };
   const eventContextTags = [{ tagName: "foo" }];
   const onError = jest.fn();
   const onSuccess = jest.fn();
@@ -813,7 +771,7 @@ describe("validateMobilePushContent", () => {
     jest.clearAllMocks();
   });
 
-  it("calls onError for empty formData (validateMobilePushContent)", async () => {
+  it("calls onError for empty formData", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [] }, isError: false })
     );
@@ -822,17 +780,18 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
         currentTab: 1
       }
     );
     expect(onError).toHaveBeenCalled();
   });
 
-  it("calls onSuccess for valid android and ios content (validateMobilePushContent)", async () => {
+  it("calls onSuccess for valid android and ios content", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [] }, isError: false })
     );
@@ -843,6 +802,7 @@ describe("validateMobilePushContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       currentTab: 1
     });
@@ -860,6 +820,7 @@ describe("validateMobilePushContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       currentTab: 1
     });
@@ -877,6 +838,7 @@ describe("validateMobilePushContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       currentTab: 2
     });
@@ -894,6 +856,7 @@ describe("validateMobilePushContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onSuccess).toHaveBeenCalledWith(JSON.stringify(formData[0]), "android");
@@ -910,6 +873,7 @@ describe("validateMobilePushContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags
     });
     expect(onSuccess).toHaveBeenCalledWith("null", "android");
@@ -922,10 +886,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
         currentTab: 1,
       },
     );
@@ -939,10 +904,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
         currentTab: 1,
       },
     );
@@ -956,10 +922,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
         currentTab: 1,
       },
     );
@@ -973,10 +940,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
         currentTab: 1,
       },
     );
@@ -990,10 +958,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       },
     );
     expect(onError).toHaveBeenCalled();
@@ -1006,10 +975,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       },
     );
     expect(onError).toHaveBeenCalled();
@@ -1022,10 +992,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       },
     );
     expect(onError).toHaveBeenCalled();
@@ -1038,10 +1009,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       },
     );
     expect(onError).toHaveBeenCalled();
@@ -1054,10 +1026,11 @@ describe("validateMobilePushContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       },
     );
     expect(onError).toHaveBeenCalled();
@@ -1071,6 +1044,7 @@ describe("validateInAppContent", () => {
     somethingWentWrong: { id: "wrong" },
     unsupportedTagsValidationError: { id: "unsupported" }
   };
+  const tagLookupMap = { foo: true };
   const eventContextTags = [{ tagName: "foo" }];
   const onError = jest.fn();
   const onSuccess = jest.fn();
@@ -1079,7 +1053,7 @@ describe("validateInAppContent", () => {
     jest.clearAllMocks();
   });
 
-  it("calls onError for empty formData (validateInAppContent)", async () => {
+  it("calls onError for empty formData", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [] }, isError: false })
     );
@@ -1088,16 +1062,17 @@ describe("validateInAppContent", () => {
       {
         getLiquidTags,
         formatMessage,
-      messages,
-      onError,
-      onSuccess,
-      eventContextTags,
+        messages,
+        onError,
+        onSuccess,
+        tagLookupMap,
+        eventContextTags,
       }
     );
     expect(onError).toHaveBeenCalled();
   });
 
-  it("calls onSuccess for valid android and ios content (validateInAppContent)", async () => {
+  it("calls onSuccess for valid android and ios content", async () => {
     const getLiquidTags = jest.fn((content, cb) =>
       cb({ askAiraResponse: { errors: [], data: [] }, isError: false })
     );
@@ -1117,6 +1092,7 @@ describe("validateInAppContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       singleTab: ANDROID,
     });
@@ -1143,6 +1119,7 @@ describe("validateInAppContent", () => {
       messages,
       onError,
       onSuccess,
+      tagLookupMap,
       eventContextTags,
       singleTab: IOS,
     });
@@ -1169,11 +1146,11 @@ describe("getChannelData", () => {
     expect(getChannelData("SMS", formData)).toBe("Hi Test");
   });
 
-  it("returns string with undefineds for SMS when base and template-name are empty or undefined", () => {
+  it("returns string with undefineds for SMS channel with missing fields", () => {
     const formData = { base: {}, "template-name": undefined };
     expect(getChannelData("SMS", formData)).toBe("undefined undefined");
   });
-  it("returns string with undefineds for SMS when formData is empty string", () => {
+  it("returns string with undefineds for SMS channel with missing fields", () => {
     expect(getChannelData("SMS", "")).toBe("undefined undefined");
   });