@capillarytech/creatives-library 8.0.316-alpha.3 → 8.0.316-alpha.4

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

@@ -1354,3 +1354,175 @@ describe('Haptic carousel file handle mapping', () => {
     expect(cd[0].karixFileHandle).toBe('');
   });
 });
+
+describe('WhatsApp edit Done button whitespace validation', () => {
+  let renderedComponent;
+
+  const createWhatsappTemplate = jest.fn();
+  const getFormData = jest.fn();
+  const clearCreateResponse = jest.fn();
+  const getTemplateDetails = jest.fn();
+  const resetEditTemplate = jest.fn();
+  const fetchSchemaForEntity = jest.fn();
+  const handleClose = jest.fn();
+  const onCreateComplete = jest.fn();
+  const formatMessage = jest.fn();
+  const getMetaTags = jest.fn();
+  const resetMetaTags = jest.fn();
+
+  const mountEditFlow = (editData, accountData = mockData.accountData1) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <Whatsapp
+          actions={{
+            createWhatsappTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            resetEditTemplate,
+            getMetaTags,
+            resetMetaTags,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          getFormData={getFormData}
+          params={{ id: editData?.templateDetails?._id || 'edit-whitespace-id' }}
+          editData={editData}
+          accountData={accountData}
+          location={mockData.location}
+          intl={{ formatMessage }}
+          isFullMode={false}
+          isEditFlow
+          loadingTags={false}
+          metaEntities={[]}
+          getDefaultTags
+          Templates={{
+            senderDetails: {
+              status: 'SUCCESS',
+              domainProperties: [
+                {
+                  domainProperties: {
+                    connectionProperties: {
+                      sourceAccountIdentifier: '2000222347',
+                      baseUrl: 'https://api.gupshup.io/whatsapp/v1',
+                    },
+                  },
+                },
+              ],
+            },
+          }}
+        />
+      </Provider>,
+    );
+  };
+
+  const getDoneButton = () => renderedComponent.find('CapButton.whatsapp-create-btn').at(0);
+
+  const getFirstVariableTextarea = () => renderedComponent
+    .find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
+    .at(0);
+
+  it('keeps Done disabled for whitespace-only message variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-msg-whitespace',
+        name: 'msg_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'ALERT_UPDATE',
+                mediaType: 'TEXT',
+                buttonType: 'NONE',
+                varMapped: {},
+                languages: [{ language: 'en', content: 'Your code is {{1}}' }],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_3' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+
+  it('keeps Done disabled for whitespace-only header variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-header-whitespace',
+        name: 'header_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'ALERT_UPDATE',
+                mediaType: 'TEXT',
+                buttonType: 'NONE',
+                varMapped: {},
+                whatsappMedia: {
+                  header: 'Hi {{1}}',
+                  footer: '',
+                  headerVarMapped: {},
+                },
+                languages: [{ language: 'en', content: 'Simple message without vars' }],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_1' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+
+  it('keeps Done disabled for whitespace-only carousel variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-carousel-whitespace',
+        name: 'carousel_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'MARKETING',
+                mediaType: 'CAROUSEL',
+                buttonType: 'NONE',
+                varMapped: {},
+                languages: [{ language: 'en', content: 'Main message' }],
+                carouselData: [
+                  {
+                    mediaType: 'image',
+                    imageUrl: 'https://cdn.example.com/card.jpg',
+                    bodyText: 'Card body {{1}}',
+                    varMap: {},
+                    buttons: [],
+                  },
+                ],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData, mockData.accountData2);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_2' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+});