From 45c1d37204a2c7d2dd40990e4df0b07ac5b79222 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Wed, 12 Jan 2022 12:48:06 -0500
Subject: [PATCH] unit test fixes

---
 src/layouts/vehicle-damage/vehicle-damage.spec.js | 11 +++++++----
 src/layouts/vehicle-damage/vehicle-damage.vue     |  4 +++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index 23e43a6c4..a6688a9af 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -5,6 +5,7 @@ import funnelHeader from "@/common-components/funnel-header/funnel-header";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import { settleAllPromises } from "@/helpers/layout-helper.js";
+import baseMixin from "@/mixins/base-mixin";
 import { nextTick } from "vue";
 
 // Mock our module for promises.
@@ -78,6 +79,10 @@ function setupMocks({
   }) {
     
     //Mock api responses
+    baseMixin.methods.dispatchNonBlockingStoreAction = jest.fn();
+    baseMixin.methods.dispatchNonBlockingStoreAction.mockImplementation(() => {
+      return Promise.resolve({ data: ['Front Window', 'Back Window', 'Side Window'] });
+    });
     const apiResponses = {
       cmsContent: {
         FunnelSubHeaderWidget: pageHeaderWidgetHeaderText,
@@ -92,11 +97,9 @@ function setupMocks({
             "https://digitalconsumercms-dev.safelite.com/images/default-source/default-album/safelite-logo.svg?sfvrsn=45e7ed06_3",
         },
       },
+      damageOptions: ['Front Window', 'Back Window', 'Side Window'],
     };
-    //const apiPromise = Promise.resolve(apiResponses);
-    let apiPromise = new Promise((resolve, reject) => {
-      resolve(apiResponses);
-    }).catch((error) => console.log(error));
+    const apiPromise = Promise.resolve(apiResponses);
     settleAllPromises.mockImplementation(() => apiPromise);
   
     //Mock damage initialize methods
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index abf24e998..610c61174 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -26,7 +26,9 @@ export default ({
     beforeRouteEnter(to, from, next) { 
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
-        const damageOptions = baseMixin.methods.dispatchNonBlockingStoreAction(storeActions.GET_DAMAGE_OPTIONS, {carId: store.getters.vehicle.carId});
+        const damageOptions = baseMixin.methods.dispatchNonBlockingStoreAction(storeActions.GET_DAMAGE_OPTIONS, {carId: store.getters.vehicle.carId}).catch((err) => {
+            console.log(err);
+        });;
 
         // Settle promises and get results
         const promiseResultMap = [