@capillarytech/creatives-library 7.17.35-alpha.2 → 7.17.36

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

@@ -0,0 +1,127 @@
+import React from "react";
+import { injectIntl } from "react-intl";
+import { browserHistory } from "react-router";
+import "@testing-library/jest-dom";
+import { Provider } from "react-redux";
+import configureStore from "../../../store";
+import { Zalo } from "..";
+import {
+  metaEntities,
+  zaloTemplateInfoData,
+  location,
+  getDefaultTags,
+  injectedTags,
+  template,
+  templateData,
+} from "./mockData";
+import {
+  render,
+  screen,
+  fireEvent,
+} from "../../../utils/test-utils";
+
+const mockActions = {
+  getTemplateInfoById: jest.fn(),
+  fetchSchemaForEntity: jest.fn(),
+};
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+const ComponentToRender = injectIntl(Zalo);
+const renderComponent = (props) => render(
+  <Provider store={store}>
+    <ComponentToRender {...props} />
+  </Provider>
+  );
+
+
+describe("Test activity zalo container", () => {
+  it("test case for zalo template", async () => {
+    renderComponent({
+      actions: mockActions,
+      zaloTemplateInfoData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      template,
+      templateData,
+    });
+    const inputBox = await screen.findAllByPlaceholderText('Add labels or text or combination of both');
+    fireEvent.change(inputBox[0], { target: { value: "Hello, welcome" } });
+    inputBox[0].focus();
+    const previewButton = screen.getByTestId("preview-link-button");
+    previewButton.click();
+    expect(
+      screen.getByText("This template has been enabled")
+    ).toBeInTheDocument();
+  });
+
+  it("test case for text field curly braces error", async () => {
+    renderComponent({
+      actions: mockActions,
+      zaloTemplateInfoData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      template,
+      templateData,
+    });
+    const inputBox = await screen.findAllByPlaceholderText('Add labels or text or combination of both');
+    fireEvent.change(inputBox[0], { target: { value: "Hello, welcome {{" } });
+    inputBox[0].focus();
+    expect(
+      screen.getByText("Invalid label, please close all curly braces")
+    ).toBeInTheDocument();
+  });
+
+  it("test case for unsupported tag", async () => {
+    renderComponent({
+      actions: mockActions,
+      zaloTemplateInfoData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      template,
+      templateData,
+    });
+    const inputBox = await screen.findAllByPlaceholderText('Add labels or text or combination of both');
+    fireEvent.change(inputBox[0], {
+      target: { value: "Hello, welcome {{fsdaf}}" },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText(
+        "Unsupported tags: fsdaf. Please remove them from this message."
+      )
+    ).toBeInTheDocument();
+  });
+
+  it("test case for length check", async () => {
+    renderComponent({
+      actions: mockActions,
+      zaloTemplateInfoData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      template,
+      templateData,
+    });
+    const inputBox = await screen.findAllByPlaceholderText('Add labels or text or combination of both');
+    fireEvent.change(inputBox[0], {
+      target: {
+        value: "Hello, welcome user. Habata itara modoranai to ittta Mezashita no wa aoi aoi ano sora",
+      },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText("Character count for this variable should be in between 0 to 30")
+    ).toBeInTheDocument();
+  });
+});