@capillarytech/creatives-library 9.0.56-alpha.6 → 9.0.56-alpha.8

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

@@ -150,4 +150,103 @@ describe('Test activity zalo container', () => {
       ),
     ).toBeInTheDocument();
   });
+
+  // Fully self-contained fixtures for the tests below: the "set template data" test above
+  // mutates the shared `editData`/`templateData` fixtures in place (handleSetValues mutates
+  // listParam objects directly, and that test also reassigns templateData.templateConfigs),
+  // so building independent literals here — rather than reusing or cloning the shared
+  // fixtures at test time (which would just clone the already-mutated state) — keeps these
+  // tests correct regardless of suite execution order.
+  const buildFreshEditData = () => ({
+    zaloTemplateInfoStatus: 'success',
+    zaloTemplateInfoValue: {
+      name: 'Fresh Template',
+      versions: {
+        base: {
+          content: {
+            zalo: {
+              templateId: '1',
+              templateName: 'Fresh Template',
+              listParams: [
+                {
+                  name: 'danh_xung',
+                  require: true,
+                  type: 'STRING',
+                  maxLength: 30,
+                  minLength: 0,
+                  acceptNull: false,
+                  error: '',
+                  value: '',
+                },
+              ],
+              previewUrl: 'https://account.zalo.cloud/preview',
+              status: 'ENABLE',
+            },
+          },
+        },
+      },
+      type: 'ZALO',
+    },
+    zaloTemplateInfoError: null,
+  });
+  const buildFreshTemplateData = () => ({
+    _id: 999001,
+    templateConfigs: { id: '', varMapped: {} },
+  });
+
+  it('reports content emptiness to the parent via onContentValidityChange', async () => {
+    const onContentValidityChange = jest.fn();
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData: buildFreshEditData(),
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData: buildFreshTemplateData(),
+      isFullMode: true,
+      onContentValidityChange,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    // Initial values in the mock data are blank, so the first report should be "empty".
+    expect(onContentValidityChange).toHaveBeenCalledWith({ isContentEmpty: true });
+    onContentValidityChange.mockClear();
+
+    fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome' } });
+    expect(onContentValidityChange).toHaveBeenCalledWith({ isContentEmpty: false });
+  });
+
+  it('does not re-report validity when it has not changed (dedup guard)', async () => {
+    const onContentValidityChange = jest.fn();
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData: buildFreshEditData(),
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData: buildFreshTemplateData(),
+      isFullMode: true,
+      onContentValidityChange,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    onContentValidityChange.mockClear();
+
+    fireEvent.change(inputBox[0], { target: { value: 'Hello' } });
+    expect(onContentValidityChange).toHaveBeenCalledTimes(1);
+    expect(onContentValidityChange).toHaveBeenCalledWith({ isContentEmpty: false });
+    onContentValidityChange.mockClear();
+
+    // Changing to another non-empty value keeps isContentEmpty === false, so no new report.
+    fireEvent.change(inputBox[0], { target: { value: 'Hello again' } });
+    expect(onContentValidityChange).not.toHaveBeenCalled();
+  });
 });