From 0b366db781c91970c8b1140ddd88fa64b5f082c4 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Tue, 30 Nov 2021 16:08:46 -0500
Subject: [PATCH 1/6] Functionality for year radio buttons

---
 src/constants/store-actions.js                |  2 +-
 src/constants/store-mutations.js              |  5 ++
 src/layouts/component-test/component-test.vue | 10 ++--
 src/layouts/vehicle-year/vehicle-year.vue     |  1 -
 .../year-question/year-question.spec.js       |  3 ++
 .../year-question/year-question.vue           |  9 +++-
 src/mixins/base-mixin.js                      |  4 ++
 src/store/index.js                            |  5 +-
 src/store/store.spec.js                       | 21 +++++++-
 .../radio-list/radio-list.spec.js             |  1 -
 src/ux-components/radio-list/radio-list.vue   | 51 -------------------
 11 files changed, 49 insertions(+), 63 deletions(-)
 create mode 100644 src/constants/store-mutations.js
 delete mode 100644 src/ux-components/radio-list/radio-list.spec.js
 delete mode 100644 src/ux-components/radio-list/radio-list.vue

diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index 60300f78c..db80d3d3f 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -7,7 +7,7 @@ const storeActions = {
   GET_VEHICLE_STYLES: "getVehicleStyles",
   GET_EVOX_IMAGE: "getEvoxImage",
   LOOKUP_VEHICLE_BY_YMMS: "lookupVehicleByYmms",
-  LOOKUP_VEHICLE_BY_VIN: "lookupVehicleByVin"
+  LOOKUP_VEHICLE_BY_VIN: "lookupVehicleByVin",
 };
 
 export { storeActions };
diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js
new file mode 100644
index 000000000..6ade6cd1d
--- /dev/null
+++ b/src/constants/store-mutations.js
@@ -0,0 +1,5 @@
+const storeMutations = {
+    UPDATE_YEAR: "updateYear",
+}
+
+export { storeMutations };
\ No newline at end of file
diff --git a/src/layouts/component-test/component-test.vue b/src/layouts/component-test/component-test.vue
index b25a26b8f..134604ad6 100644
--- a/src/layouts/component-test/component-test.vue
+++ b/src/layouts/component-test/component-test.vue
@@ -73,7 +73,7 @@
       <div role="radiogroup" aria-labelledby="select-year-radio-group" class="col my-3 d-flex align-items-center flex-column">
         <!-- The h3 and id must be included. The id must match the aria-labelledby of the parent div. -->
         <h3 class="visually-hidden" id="select-year-radio-group">Select Vehicle Year</h3>
-        <radioList
+        <radio
         groupName="demo"
         ariaLabelBy="vehicle-year"
         radioID="2021"
@@ -81,7 +81,7 @@
         loaderPosition="right"
         sizeInRem="1.5"
         />
-        <radioList
+        <radio
         groupName="demo"
         ariaLabelBy="vehicle-year"
         radioID="2020"
@@ -89,7 +89,7 @@
         loaderPosition="right"
         sizeInRem="1.5"
         />
-        <radioList
+        <radio
         groupName="demo"
         ariaLabelBy="vehicle-year"
         radioID="2019"
@@ -244,7 +244,7 @@
   import buttonSecondary from "@/ux-components/button-secondary/button-secondary";
   import radioCard from "@/ux-components/radio-card/radio-card";
   import listButton from "@/ux-components/list-button/list-button";
-  import radioList from "@/ux-components/radio-list/radio-list";
+  import radio from "@/ux-components/radio/radio";
   import alert from "@/ux-components/alert/alert";
   import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
   export default {
@@ -254,7 +254,7 @@
       buttonSecondary,
       radioCard,
       listButton,
-      radioList,
+      radio,
       alert,
       vehicleBanner
     },
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index c506771f7..724afc304 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -21,7 +21,6 @@ export default {
             radioQuestionWidgets: {},
         };
     },
-    computed: {},
     async created() {
         const pageContent = await this.GetContentFromCms();
 
diff --git a/src/layouts/vehicle-year/year-question/year-question.spec.js b/src/layouts/vehicle-year/year-question/year-question.spec.js
index a5ab50320..d11572303 100644
--- a/src/layouts/vehicle-year/year-question/year-question.spec.js
+++ b/src/layouts/vehicle-year/year-question/year-question.spec.js
@@ -2,6 +2,7 @@ import { shallowMount, flushPromises } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { storeActions } from "@/constants/store-actions.js";
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
+import store from "@/store";
 
 describe('year-question.vue', () => {
 
@@ -19,10 +20,12 @@ describe('year-question.vue', () => {
         const wrapper = shallowMount(yearQuestion, mountOptions);
         await wrapper.setProps({questionText: 'What year is your vehicle?'})
         await flushPromises();
+        wrapper.vm.selectYear(2020);
 
         // Assert
         const radioQuestion = await wrapper.findComponent({name: 'radioQuestion'});
         expect(radioQuestion.attributes('questiontext')).toBe("What year is your vehicle?");
         expect(radioQuestion.attributes('answers')).toBe('2023,2022,2021');
+        expect(store.state.order.vehicle.year).toBe(2020);
     });
 });
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index 4aedb12df..d59df5e00 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/src/layouts/vehicle-year/year-question/year-question.vue
@@ -1,5 +1,9 @@
 <template>
-<radioQuestion class="radioQuestion" :questionText="questionText" :answers="years" />
+<radioQuestion class="radioQuestion" 
+    :questionText="questionText" 
+    :answers="years"
+    :chooseAnswer="selectYear"
+ />
 </template>
 
 <script>
@@ -24,6 +28,9 @@ export default {
         radioQuestion,
     },
     methods: {
+        selectYear(year){
+            this.$store.commit(this.storeMutations.UPDATE_YEAR, year);
+        } 
     },
 };
 </script>
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index 81a191aa5..586e8c08e 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -1,4 +1,5 @@
 import { storeActions } from "@/constants/store-actions.js";
+import { storeMutations } from "@/constants/store-mutations.js";
 import { widgetNames } from "@/constants/widget-names.js";
 
 export default {
@@ -53,6 +54,9 @@ export default {
     storeActions() {
       return storeActions;
     },
+    storeMutations() {
+      return storeMutations;
+    },
     widgetNames() {
       return widgetNames;
     },
diff --git a/src/store/index.js b/src/store/index.js
index 0976690b7..bbeaab714 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -64,6 +64,9 @@ export default createStore({
     }
   },
   mutations: {
+    updateYear(state, year){
+      state.order.vehicle.year = year;
+    },
     updateVehicleImage(state, data) {
       state.order.vehicle.imageSrc = data.imgSrc;
     },
@@ -138,6 +141,6 @@ export default createStore({
         endpoint: relativeUrl,
         payload: {},
       });
-    },
+    }
   },
 });
diff --git a/src/store/store.spec.js b/src/store/store.spec.js
index 3442d35bf..6e576b198 100644
--- a/src/store/store.spec.js
+++ b/src/store/store.spec.js
@@ -14,7 +14,6 @@ describe("Actions", () => {
         await store.dispatch('getVehicleYears')
         .then( (response) => {
             years = response.data;
-            console.log(response);
         });
 
         // Assert
@@ -109,4 +108,22 @@ describe("Actions", () => {
         // Assert
         expect(pageData).toBe('Page Info Data');
     });
-})
\ No newline at end of file
+})
+
+describe("Mutations", () => {
+    it("Should update the year property in the store", () => {
+        // Act
+        store.commit('updateYear', 2020);
+
+        // Assert
+        expect(store.state.order.vehicle.year).toBe(2020);
+    });
+
+    it("Should update the vehicle image property in the store", () => {
+        // Act
+        store.commit('updateVehicleImage', {imgSrc: 'exampleimage@image.com'});
+
+        // Assert
+        expect(store.state.order.vehicle.imageSrc).toBe('exampleimage@image.com');
+    });
+});
\ No newline at end of file
diff --git a/src/ux-components/radio-list/radio-list.spec.js b/src/ux-components/radio-list/radio-list.spec.js
deleted file mode 100644
index 3d0843e10..000000000
--- a/src/ux-components/radio-list/radio-list.spec.js
+++ /dev/null
@@ -1 +0,0 @@
-test.todo("some test to be written in the future");
diff --git a/src/ux-components/radio-list/radio-list.vue b/src/ux-components/radio-list/radio-list.vue
deleted file mode 100644
index 2976ce87e..000000000
--- a/src/ux-components/radio-list/radio-list.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="radiogroup radio-list-button d-flex flex-column w-100">
-    <input type="radio"
-    v-bind:id="radioID"
-    v-bind:name="groupName"
-    v-bind:value="radioID">
-    <label role="radio" tabindex="0" aria-checked="false"
-    v-bind:for="radioID"
-    class="mb-2 d-flex align-items-center justify-content-between p-2"
-    @click='displayComponent'
-    >{{radioID}}
-    <loader
-    v-if="display"
-    v-bind:style="{width: `${sizeInRem}rem`, height: `${sizeInRem}rem`}"
-    v-bind:class="[this.loaderColor, this.loaderPosition]"
-    />
-  </label>
-  <p class="small">{{errorMessage}}</p>
-</div>
-</template>
-
-<script>
-import loader from "@/ux-components/loader/loader";
-export default {
-  name: "radioList",
-  props: [
-    "groupName",
-    "ariaLabelBy",
-    "radioID",
-    "errorMessage",
-    "loaderColor",
-    "loaderPosition",
-    "sizeInRem"
-
-  ],
-  data() {
-    return {
-      isError: false,
-      display: false
-    };
-  },
-  methods: {
-    displayComponent() {
-      this.display = true;
-    },
-  },
-  components: {
-    loader,
-  },
-};
-</script>

From b6e0a02deb84e22f51075e13351da518f82a199c Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Wed, 1 Dec 2021 09:14:06 -0500
Subject: [PATCH 2/6] Auto stash before merge of
 "feature/CSR-121_button-click-function" and "feature/CSR-6"

---
 src/layouts/vehicle-year/vehicle-year.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 941d1328c..748030c2d 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -13,8 +13,6 @@
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
 import pageHeader from "@/ux-components/header/header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-
-// Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import store from "@/store";
@@ -61,7 +59,7 @@ export default {
   components: {
     yearQuestion,
     pageHeader,
-    vehicleBanner
+    vehicleBanner,
   },
 };
 </script>

From d589ce1b9c53acedae73d7111365985631bf4543 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Wed, 1 Dec 2021 14:54:58 -0500
Subject: [PATCH 3/6] Adding functionality to radio buttons on year pages

---
 src/layouts/vehicle-year/vehicle-year.vue        | 10 ++--------
 .../vehicle-year/year-question/year-question.vue | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 748030c2d..a67a6d866 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -13,11 +13,11 @@
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
 import pageHeader from "@/ux-components/header/header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+// Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import store from "@/store";
 import { storeActions } from "@/constants/store-actions.js";
-
 export default {
   name: "vehicle-year",
   data() {
@@ -29,10 +29,8 @@ export default {
   },
   computed: {},
   beforeRouteEnter(to, from, next) {
-
     const contentPromise = fetchCmsContentForPage(to.query.fmgPage);
     const getVehicleYearPromise = store.dispatch(storeActions.GET_VEHICLE_YEARS, {});
-
     const promiseResultMap = [
       {
         resultKey: "getPageContent",
@@ -43,9 +41,7 @@ export default {
         promise: getVehicleYearPromise,
       },
     ];
-
     settleAllPromises(promiseResultMap).then((resultMap) => {
-
       // Call our next function to transition to the next page.
       next((vm) => {
         vm.pageHeaderWidgets = resultMap.getPageContent.PageHeaderWidget[0];
@@ -54,12 +50,11 @@ export default {
       });
       
     });
-
   },
   components: {
     yearQuestion,
     pageHeader,
-    vehicleBanner,
+    vehicleBanner
   },
 };
 </script>
@@ -67,7 +62,6 @@ export default {
 <style lang="scss">
     .select-car {
         height: calc(100vh - 1rem);
-
         .car_list {
         // Height will be determined by overall height of content above list
         height: calc(100% - 255px);
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index b5d5f0b96..242f44365 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/src/layouts/vehicle-year/year-question/year-question.vue
@@ -22,7 +22,21 @@ export default {
     },
     methods: {
         selectYear(year){
-            this.$store.commit(this.storeMutations.UPDATE_YEAR, year);
+            const awaitYearUpdate = new Promise((resolve, reject) => {
+                this.$store.commit(this.storeMutations.UPDATE_YEAR, year);
+
+                if(this.$store.state.order.vehicle.year !== null) {
+                    resolve('ok');
+                } else {
+                    reject('error occured');
+                }
+            });
+
+            awaitYearUpdate.then(() => {
+                this.$router.push('?fmgPage=vehicle-make');
+            }).catch((error) => {
+                console.log(error);
+            });
         } 
     },
 };

From bfe800de383caf40f94e556d6aeece14225e53b6 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Thu, 2 Dec 2021 16:16:00 -0500
Subject: [PATCH 4/6] Updating unit testing

---
 .../radio-question/radio-question.vue         |  1 +
 .../year-question/year-question.spec.js       | 26 +++++++------------
 .../year-question/year-question.vue           | 20 ++++----------
 3 files changed, 15 insertions(+), 32 deletions(-)

diff --git a/src/common-components/radio-question/radio-question.vue b/src/common-components/radio-question/radio-question.vue
index 5d870f521..aaf06d562 100644
--- a/src/common-components/radio-question/radio-question.vue
+++ b/src/common-components/radio-question/radio-question.vue
@@ -16,6 +16,7 @@
             sizeInRem="1.5"
             data-test="radio"
             groupName="radio-list"
+            textPosition="text-start"
           />
       </div>
     </div>
diff --git a/src/layouts/vehicle-year/year-question/year-question.spec.js b/src/layouts/vehicle-year/year-question/year-question.spec.js
index d11572303..d3e5ccc5e 100644
--- a/src/layouts/vehicle-year/year-question/year-question.spec.js
+++ b/src/layouts/vehicle-year/year-question/year-question.spec.js
@@ -1,31 +1,23 @@
-import { shallowMount, flushPromises } from "@vue/test-utils";
-import { getMountOptions } from "@/helpers/unit-test-helper.js";
-import { storeActions } from "@/constants/store-actions.js";
+import { shallowMount } from "@vue/test-utils";
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
 import store from "@/store";
 
 describe('year-question.vue', () => {
 
-    test('year-question should call API to get years', async () => {
-        // Arrange
-        const mockDataAndAction = {
-            actionList: [{ actionName: storeActions.GET_VEHICLE_YEARS, data: ["2023", "2022", "2021"], 
-        },
-            ],
-        };
-
-        const mountOptions = getMountOptions(mockDataAndAction);
-
+    test('year-question should take a prop for years and questionText, and trigger a selectYear function when an option is clicked.', async () => {
+        
         // Act
-        const wrapper = shallowMount(yearQuestion, mountOptions);
-        await wrapper.setProps({questionText: 'What year is your vehicle?'})
-        await flushPromises();
+        const wrapper = shallowMount(yearQuestion, global);
+        await wrapper.setProps({
+            questionText: 'What year is your vehicle?',
+            years: ['2023', '2022', '2021']
+        });
         wrapper.vm.selectYear(2020);
 
         // Assert
         const radioQuestion = await wrapper.findComponent({name: 'radioQuestion'});
         expect(radioQuestion.attributes('questiontext')).toBe("What year is your vehicle?");
-        expect(radioQuestion.attributes('answers')).toBe('2023,2022,2021');
+        expect(radioQuestion.attributes('answers')).toBe("2023,2022,2021");
         expect(store.state.order.vehicle.year).toBe(2020);
     });
 });
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index 242f44365..7be9d47f8 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/src/layouts/vehicle-year/year-question/year-question.vue
@@ -8,6 +8,9 @@
 
 <script>
 import radioQuestion from "@/common-components/radio-question/radio-question";
+import store from "@/store";
+import router from "@/router";
+import { storeMutations } from "@/constants/store-mutations";
 
 export default {
     name: "year-question",
@@ -22,21 +25,8 @@ export default {
     },
     methods: {
         selectYear(year){
-            const awaitYearUpdate = new Promise((resolve, reject) => {
-                this.$store.commit(this.storeMutations.UPDATE_YEAR, year);
-
-                if(this.$store.state.order.vehicle.year !== null) {
-                    resolve('ok');
-                } else {
-                    reject('error occured');
-                }
-            });
-
-            awaitYearUpdate.then(() => {
-                this.$router.push('?fmgPage=vehicle-make');
-            }).catch((error) => {
-                console.log(error);
-            });
+            store.commit(storeMutations.UPDATE_YEAR, year);
+            router.push('?fmgPage=vehicle-make');
         } 
     },
 };

From dc4bdd3782c0bb8f7800648f4cbac6e207b7d1b5 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Fri, 3 Dec 2021 13:43:23 -0500
Subject: [PATCH 5/6] Updating unit test so that mock data can be implemented

---
 src/helpers/unit-test-helper.js               | 10 ++++---
 .../year-question/year-question.spec.js       | 27 ++++++++++++++-----
 .../year-question/year-question.vue           |  7 ++---
 3 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/helpers/unit-test-helper.js b/src/helpers/unit-test-helper.js
index 4210b56bc..5b5deb521 100644
--- a/src/helpers/unit-test-helper.js
+++ b/src/helpers/unit-test-helper.js
@@ -1,5 +1,5 @@
 import { storeActions } from "@/constants/store-actions";
-import store from "@/store";
+import { storeMutations } from "@/constants/store-mutations.js";
 
 export function getMountOptions(mockData) {
   // Define our mocks to attached to the 'global' object for Vue/Jest.
@@ -18,12 +18,16 @@ export function getMountOptions(mockData) {
     }
   });
 
-  // Mock store actions from js file
+  // Mock const files
   mocks.storeActions = storeActions;
+  mocks.storeMutations = storeMutations;
+
+  // Mock $store and $router when accessing this.$store/$router
+  mocks.$store = mockData.store;
+  mocks.$router = mockData.router;
 
   const global = {
     mocks: mocks,
-    plugins: [store]
   };
 
   return { global };
diff --git a/src/layouts/vehicle-year/year-question/year-question.spec.js b/src/layouts/vehicle-year/year-question/year-question.spec.js
index d3e5ccc5e..769dcece8 100644
--- a/src/layouts/vehicle-year/year-question/year-question.spec.js
+++ b/src/layouts/vehicle-year/year-question/year-question.spec.js
@@ -1,13 +1,26 @@
-import { shallowMount } from "@vue/test-utils";
 import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
-import store from "@/store";
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "../../../helpers/unit-test-helper";
 
 describe('year-question.vue', () => {
-
     test('year-question should take a prop for years and questionText, and trigger a selectYear function when an option is clicked.', async () => {
-        
+        // Arrange
+        const mockData = {
+            store: {
+                commit: jest.fn(),
+                year: null
+            },
+            router: {
+                push: jest.fn()
+            }
+        }
+        mockData.store.commit.mockImplementation((func, year) => {
+            mockData.store.year = year;
+        });
+
+        const mountOptions = getMountOptions(mockData);
         // Act
-        const wrapper = shallowMount(yearQuestion, global);
+        const wrapper = shallowMount(yearQuestion, mountOptions);
         await wrapper.setProps({
             questionText: 'What year is your vehicle?',
             years: ['2023', '2022', '2021']
@@ -18,6 +31,6 @@ describe('year-question.vue', () => {
         const radioQuestion = await wrapper.findComponent({name: 'radioQuestion'});
         expect(radioQuestion.attributes('questiontext')).toBe("What year is your vehicle?");
         expect(radioQuestion.attributes('answers')).toBe("2023,2022,2021");
-        expect(store.state.order.vehicle.year).toBe(2020);
+        expect(mockData.store.year).toBe(2020);
     });
-});
+});
\ No newline at end of file
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index 7be9d47f8..283e38bb7 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/src/layouts/vehicle-year/year-question/year-question.vue
@@ -8,9 +8,6 @@
 
 <script>
 import radioQuestion from "@/common-components/radio-question/radio-question";
-import store from "@/store";
-import router from "@/router";
-import { storeMutations } from "@/constants/store-mutations";
 
 export default {
     name: "year-question",
@@ -25,8 +22,8 @@ export default {
     },
     methods: {
         selectYear(year){
-            store.commit(storeMutations.UPDATE_YEAR, year);
-            router.push('?fmgPage=vehicle-make');
+            this.$store.commit(this.storeMutations.UPDATE_YEAR, year);
+            this.$router.push('?fmgPage=vehicle-make');
         } 
     },
 };

From 030da3720d5c572cb522afe84fc7e7545916a3c9 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Fri, 3 Dec 2021 13:47:11 -0500
Subject: [PATCH 6/6] changing parameter name for unit test

---
 src/layouts/vehicle-year/year-question/year-question.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/vehicle-year/year-question/year-question.spec.js b/src/layouts/vehicle-year/year-question/year-question.spec.js
index 769dcece8..a56a0f97f 100644
--- a/src/layouts/vehicle-year/year-question/year-question.spec.js
+++ b/src/layouts/vehicle-year/year-question/year-question.spec.js
@@ -14,7 +14,7 @@ describe('year-question.vue', () => {
                 push: jest.fn()
             }
         }
-        mockData.store.commit.mockImplementation((func, year) => {
+        mockData.store.commit.mockImplementation((method, year) => {
             mockData.store.year = year;
         });