commit

src/layouts/vehicle-make/vehicle-make.spec.js

@@ -107,11 +107,11 @@ function setupMocks({
       VehicleMakeQuestion: vehicleMakeQuestionCmsContent,
       VehicleBannerWidget: {
         GenericVehicleImage:
-          "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/blurred-image.jpg?sfvrsn=a6ce3034_3",
+          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/blurred-image.jpg",
       },
       SiteHeaderWidget: {
         LogoImage:
-          "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
+          "https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/insuranceLogo.jpg",
       },
     },
     makeQuestionInitialData: makeQuestionInitialData,

src/layouts/vehicle-model/model-question/model-question.spec.js

@@ -0,0 +1,71 @@
+import modelQuestion from "@/layouts/vehicle-model/model-question/model-question";
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { useMainStore } from "@/store";
+
+describe("model-question.vue", () => {
+  test("Selected model is emitted upon selection.", async () => {
+    //Arrange
+    const { wrapper } = setupMocks({ modelValueProp: "Accord" });
+    const modelToSelect = "Civic";
+
+    //Act
+    wrapper.setValue({ selectedModel: modelToSelect });
+    await wrapper.vm.$nextTick();
+
+    //Assert
+    expect(wrapper.emitted()["update:modelValue"][0]).toEqual([
+      { selectedModel: "Civic" },
+    ]);
+  });
+});
+
+
+describe("model-question.vue", () => {
+  test("Data from store api are used as radio question answers.", async () => {
+    //Arrange
+    const { wrapper, cmsContent } = setupMocks({
+      dataFromStoreApi: ["accord", "civic", "insight"],
+    });
+
+    //Act
+    const initialData = modelQuestion.methods.loadInitialData.call(wrapper.vm);
+    modelQuestion.methods.initializeComponent.call(
+      wrapper.vm,
+      initialData
+    );
+
+    //Assert
+    const buttonQuestionComponent = await wrapper.findComponent({
+      name: "buttonQuestion",
+    });
+    expect(buttonQuestionComponent.attributes("answers")).toBe(
+      "accord,civic,insight"
+    );
+  });
+});
+
+function setupMocks({
+  modelValueProp = "1900",
+  cmsQuestionText = "CMS text goes here",
+  dataFromStoreApi = [],
+}) {
+  //Mock store
+  const store = useMainStore();
+  store.getVehicleModels =  jest.fn(() => dataFromStoreApi);
+
+  const mountOptions = getMountOptions();
+
+  //Mock props
+  mountOptions.propsData = {
+    modelValue: modelValueProp,
+  };
+
+  const wrapper = shallowMount(modelQuestion, mountOptions);
+
+  //Mock CMS content
+  const cmsContent = {
+    QuestionText: cmsQuestionText,
+  };
+  return { wrapper, cmsContent };
+}