commit

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

@@ -5,6 +5,7 @@ import vehicleYear from "@/layouts/vehicle-year/vehicle-year.vue";
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
 import baseMixin from "@/mixins/base-mixin.js";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { nextTick } from "vue";
 
 
 // Mock our module for promises.
@@ -43,6 +44,27 @@ describe("vehicle-year.vue", () => {
   });
 });
 
+describe("vehicle-year.vue", () => {
+  test("arePagePrerequisitesValid should be true ", async () => {
+    //Arrange
+    const { wrapper } = setupMocks({});
+
+    //Act
+    vehicleYear.beforeRouteEnter.call(
+      wrapper.vm,
+      { query: { issPage: "vehicle-make" } },
+      undefined,
+      (c) => c(wrapper.vm)
+    );
+
+    let arePagePrerequisitesValid = wrapper.vm.arePagePrerequisitesValid();
+    await nextTick();
+
+    //Assert
+    expect(arePagePrerequisitesValid).toBe(true);
+  });
+});
+
 function setupMocks({
   vehicleYearQuestionCmsContent = {},
   yearQuestionInitialData = {},

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

@@ -3,6 +3,23 @@ import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { useMainStore } from "@/store";
 
+describe("year-question.vue", () => {
+  test("Selected year is emitted upon selection.", async () => {
+    //Arrange
+    const { wrapper } = setupMocks({ modelValueProp: "2020" });
+    const yearToSelect = "2021";
+
+    //Act
+    wrapper.setValue({ modelValue: yearToSelect });
+    await wrapper.vm.$nextTick();
+
+    //Assert
+    expect(wrapper.emitted()["update:modelValue"][0]).toEqual([
+      { modelValue: "2021" },
+    ]);
+  });
+});
+
 describe("year-question.vue", () => {
   test("Data from store api are used as radio question answers.", async () => {
     //Arrange