From d3eb40f964e2347ac18474990348541eca1c2b4f Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Wed, 12 Jan 2022 10:24:07 -0500
Subject: [PATCH] unit test changes

---
 .../vehicle-damage/vehicle-damage.spec.js     | 29 ++++----
 .../vehicle-style/vehicle-style.spec.js       | 72 +++++++++----------
 2 files changed, 52 insertions(+), 49 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index 15ce2898f..23e43a6c4 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -13,21 +13,21 @@ jest.mock("@/helpers/layout-helper.js", () => ({
 }));
 
 describe("vehicle-damage.vue", () => {
-    test("Page header is initailized with api data", async (done) => {
+  test("Page header is initailized with api data", async (done) => {
 
-        //Arrange
-        const pageHeaderWidgetHeaderText = "Select Damage";
-        const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText });
+    //Arrange
+    const pageHeaderWidgetHeaderText = "Select Damage";
+    const { wrapper, apiPromise } = setupMocks( { pageHeaderWidgetHeaderText: pageHeaderWidgetHeaderText });
 
-        //Act
-        vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
+    //Act
+    vehicleDamage.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-damage" } }, undefined, (c) => c(wrapper.vm));
 
-        //Assert
-        apiPromise.finally(() => {
-        expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText);
-        done();
-        });
+    //Assert
+    apiPromise.finally(() => {
+      expect(funnelSubHeader.methods.initializeComponent).toHaveBeenCalledWith(pageHeaderWidgetHeaderText);
+      done();
     });
+  });
 });
 
 describe("vehicle-damage.vue", () => {
@@ -93,10 +93,13 @@ function setupMocks({
         },
       },
     };
-    const apiPromise = Promise.resolve(apiResponses);
+    //const apiPromise = Promise.resolve(apiResponses);
+    let apiPromise = new Promise((resolve, reject) => {
+      resolve(apiResponses);
+    }).catch((error) => console.log(error));
     settleAllPromises.mockImplementation(() => apiPromise);
   
-    //Mock style question methods
+    //Mock damage initialize methods
     funnelHeader.methods = {
       initializeComponent: jest.fn(),
     };
diff --git a/src/layouts/vehicle-style/vehicle-style.spec.js b/src/layouts/vehicle-style/vehicle-style.spec.js
index 02da9e229..7d3bcaca7 100644
--- a/src/layouts/vehicle-style/vehicle-style.spec.js
+++ b/src/layouts/vehicle-style/vehicle-style.spec.js
@@ -122,45 +122,45 @@ describe("vehicle-style.vue", () => {
   });
 });
 
-// describe("vehicle-style.vue", () => {
-//   test("selectVehicle triggers a dispatchNonBlockingStoreAction commit", async (done) => {
+describe("vehicle-style.vue", () => {
+  test("selectVehicle triggers a dispatchNonBlockingStoreAction commit", async (done) => {
 
-//     //Arrange
-//     const { wrapper, apiPromise } = setupMocks( { 
-//       pageHeaderWidgetHeaderText: "Select a style to get started",
-//       mountOptionsMockData: {
-//         store: {
-//           commit: jest.fn(),
-//           getters: {
-//             vehicle: {
-//               year: 2020,
-//               make: 'Honda',
-//               model: 'Civic',
-//               style: '2 Door',
-//             }
-//           }
-//         },
-//         actionList: [
-//           {
-//             actionName: storeActions.GET_VEHICLE,
-//             data: 'mockData'
-//           }
-//         ]
-//       },
-//     }); 
+    //Arrange
+    const { wrapper, apiPromise } = setupMocks( { 
+      pageHeaderWidgetHeaderText: "Select a style to get started",
+      mountOptionsMockData: {
+        store: {
+          commit: jest.fn(),
+          getters: {
+            vehicle: {
+              year: 2020,
+              make: 'Honda',
+              model: 'Civic',
+              style: '2 Door',
+            }
+          }
+        },
+        actionList: [
+          {
+            actionName: storeActions.GET_VEHICLE,
+            data: 'mockData'
+          }
+        ]
+      },
+    }); 
 
-//     //Act
-//     vehicleStyle.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-style" } }, undefined, (c) => c(wrapper.vm));
-//     wrapper.vm.selectVehicle();
-//     await nextTick();
+    //Act
+    vehicleStyle.beforeRouteEnter.call(wrapper.vm, { query: { fmgPage: "vehicle-style" } }, undefined, (c) => c(wrapper.vm));
+    wrapper.vm.selectVehicle();
+    await nextTick();
 
-//     //Assert
-//     apiPromise.finally(() => {
-//       expect(wrapper.vm.dispatchNonBlockingStoreAction).toHaveBeenCalled();
-//       done();
-//     });
-//   });
-// });
+    //Assert
+    apiPromise.finally(() => {
+      expect(wrapper.vm.dispatchNonBlockingStoreAction).toHaveBeenCalled();
+      done();
+    });
+  });
+});
 
 function setupMocks({
   vehicleStyleQuestionCmsContent = {},