DigitalConsumer.FixMyGlass/src/helpers/cms-helper.spec.js

import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { dispatch } from "@/store";

jest.mock("@/store", () => ({
  dispatch: jest.fn(),
  state: {
    order: { vehicle: { year: "2019", make: "Acura" } },
  },
}));

describe("cms-content-helper.js", () => {
  it("Should return data from CMS", () => {
    // Arrange
    const cmsMockData = {
      Result: [
        {
          Name: "FunnelHeaderWidget",
          Model: {
            HeaderText: "Select a year to get started",
          },
        },
        {
          Name: "FunnelSubHeaderWidget",
          Model: {
            HeaderText: "Select a model",
          },
        },
        {
          Name: "VehicleYearQuestion",
          Model: {
            QuestionText: "What year is your vehicle?",
          },
        },
      ],
    };

    dispatch.mockImplementation(() => Promise.resolve({ data: cmsMockData }));

    // Act
    fetchCmsContentForPage("testPage").then((response) => {
      // Assert
      expect(response.FunnelHeaderWidget.HeaderText).toEqual(
        "Select a year to get started"
      );
    });
  });
});

describe("cms-content-helper.js", () => {
  it("Should replace strings for global state", () => {
    const cmsMockData = {
      Result: [
        {
          Name: "FunnelSubHeaderWidget",
          Model: {
            HeaderText: "{globalState:order.vehicle.year}",
          },
        },
      ],
    };

    dispatch.mockImplementation(() => Promise.resolve({ data: cmsMockData }));

    fetchCmsContentForPage("testPage").then((response) => {
      // Assert
      expect(response.FunnelSubHeaderWidget.HeaderText).toEqual("2019");
    });
  });
});

describe("cms-content-helper.js", () => {
  it("Should replace strings for global state, and leave others the same", () => {
    const cmsMockData = {
      Result: [
        {
          Name: "FunnelSubHeaderWidget",
          Model: {
            HeaderText: "{globalState:order.vehicle.year}",
          },
        },
        {
          Name: "VehicleYearQuestion",
          Model: {
            ExampleText: "My widget value!",
          },
        },
      ],
    };

    dispatch.mockImplementation(() => Promise.resolve({ data: cmsMockData }));

    fetchCmsContentForPage("testPage").then((response) => {
      // Assert
      expect(response.FunnelSubHeaderWidget.HeaderText).toEqual("2019");
      expect(response.VehicleYearQuestion.ExampleText).toEqual(
        "My widget value!"
      );
    });
  });
});

describe("cms-content-helper.js", () => {
  it("Should replace strings for global state in nested objects", () => {
    const cmsMockData = {
      Result: [
        {
          Name: "FunnelSubHeaderWidget",
          Model: {
            HeaderText: "{globalState:order.vehicle.year}",
          },
        },
        {
          Name: "VehicleMakeQuestion",
          Model: {
            OtherObjectInside: {
              ExampleText: "{globalState:order.vehicle.make}",
            },
          },
        },
      ],
    };

    dispatch.mockImplementation(() => Promise.resolve({ data: cmsMockData }));

    fetchCmsContentForPage("testPage").then((response) => {
      // Assert

      expect(response.FunnelSubHeaderWidget.HeaderText).toEqual("2019");
      expect(
        response.VehicleMakeQuestion.OtherObjectInside.ExampleText
      ).toEqual("Acura");
    });
  });
});

test.todo("String cannot be mapped to global state");