// Supporting Files
import { shallowMount } from "@vue/test-utils";
import { settleAllPromises } from "@/helpers/layout-helper.js";
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import baseMixin from "@/mixins/base-mixin.js";
import { getMountOptions } from "@/helpers/unit-test-helper.js";
import { nextTick } from "vue";
import { useMainStore } from "@/store";
import { applicationConfig } from "@/constants/application-config";

// Components
import vehicleMake from "@/layouts/vehicle-make/vehicle-make.vue";
import makeQuestion from "@/layouts/vehicle-make/make-question/make-question";

// Mock fetchCmsContentForPage
jest.mock("@/helpers/cms-content-helper", () => ({
  fetchCmsContentForPage: jest.fn(),
}));

// Mock our module for promises.
jest.mock("@/helpers/layout-helper.js", () => ({
  settleAllPromises: jest.fn(),
}));

describe("vehicle-make.vue", () => {

  test("Make question component is initized with api data", async () => {
    //Arrange
    const makeQuestionInitialData = ["honda", "ford", "dodge"];
    const { wrapper, apiPromise } = setupMocks({
      makeQuestionInitialData: makeQuestionInitialData,
    });

    //Act
    vehicleMake.beforeRouteEnter.call(
      wrapper.vm,
      { query: { issPage: "vehicle-make" } },
      undefined,
      (c) => c(wrapper.vm)
    );

    //Assert
    return apiPromise.finally(() => {
        try {
          expect(makeQuestion.methods.initializeComponent).toHaveBeenCalledWith(
            makeQuestionInitialData
          );
        }
        catch (e) {
            throw e
        }
    });

  });

  test("BackButtonAction triggers a router.navigate change", async () => {
    //Arrange
    const { wrapper, apiPromise } = setupMocks({
      pageHeaderWidgetHeaderText: "Select a make to get started",
      mountOptionsMockData: {
        router: {
          navigate: jest.fn(),
        },
      },
    });

    //Act
    vehicleMake.beforeRouteEnter.call(
      wrapper.vm,
      { query: { issPage: "vehicle-make" } },
      undefined,
      (c) => c(wrapper.vm)
    );
    wrapper.vm.backButtonAction();
    await nextTick();

    //Assert
    return apiPromise.finally(() => {
      try {
          expect(wrapper.vm.$router.navigate).toHaveBeenCalled();
      }
      catch (e) {
          throw e
      }
  });

  });

  test("Year set, arePagePrerequisitesValid should be true ", () => {
    //Arrange
    const { wrapper } = setupMocks({});
    useMainStore().order.vehicle.year = 2001;

    //Act
    vehicleMake.beforeRouteEnter.call(
      wrapper.vm,
      { query: { issPage: "vehicle-make" } },
      undefined,
      (c) => c(wrapper.vm)
    );

    let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();

    //Assert
    expect(arePagePrerequisitesValid).toBe(true);
  });

});

function setupMocks({
  vehicleMakeQuestionCmsContent = {},
  makeQuestionInitialData = {},
  pageHeaderWidgetHeaderText = {},
  mountOptionsMockData = {},
}) {
  //Mock api responses
  const apiResponses = {
    cmsContent: {
      SiteSubHeaderWidget: pageHeaderWidgetHeaderText,
      VehicleMakeQuestion: vehicleMakeQuestionCmsContent,
      VehicleBannerWidget: {
        GenericVehicleImage:
          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`,
        },
      SiteHeaderWidget: {
        LogoImage:
          `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/logos/insuranceLogo.jpg`,
        },
    },
    makeQuestionInitialData: makeQuestionInitialData,
  };

  const apiPromise = Promise.resolve(apiResponses);

  settleAllPromises.mockImplementation(() => apiPromise);
  fetchCmsContentForPage.mockImplementation(() => Promise.resolve());

  //Mock make question methods
  makeQuestion.methods = {
    loadInitialData: jest.fn(),
    initializeComponent: jest.fn(),
  };

  const mountOptions = getMountOptions(mountOptionsMockData);
  const wrapper = shallowMount(vehicleMake, mountOptions);

  const makeQuestionWrapper = wrapper.findComponent({ name: "makeQuestion" });
  makeQuestionWrapper.vm.initializeComponent =
    makeQuestion.methods.initializeComponent;
  
  wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent;

  return { wrapper, apiPromise };
}