From 79072bb3b5db86d2225337f3a04a3254765b986c Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Mon, 18 Jul 2022 12:08:07 -0400
Subject: [PATCH] CSR-666 Import store, cleanup

---
 src/mixins/experiment-mixin.js      |  8 +++++---
 src/mixins/experiment-mixin.spec.js | 17 ++++++++---------
 src/mixins/vin-pages-mixin.spec.js  |  9 ---------
 3 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/mixins/experiment-mixin.js b/src/mixins/experiment-mixin.js
index bc35c765e..8816b1f0b 100644
--- a/src/mixins/experiment-mixin.js
+++ b/src/mixins/experiment-mixin.js
@@ -1,13 +1,15 @@
+import store from "@/store";
+
 export default {
     methods: {
         hasSettingEqualTo(settingName, settingValue) {
-            return this.$store.getters.experimentSettings[settingName] === settingValue;
+            return store.getters.experimentSettings[settingName] === settingValue;
         },
         hasSetting(settingName) {
-            return this.$store.getters.experimentSettings.hasOwnProperty(settingName);
+            return store.getters.experimentSettings.hasOwnProperty(settingName);
         },
         getSettingValue(settingName) {
-            return this.hasSetting(settingName) ? this.$store.getters.experimentSettings[settingName] : null;
+            return this.hasSetting(settingName) ? store.getters.experimentSettings[settingName] : null;
         }
     },
 }
\ No newline at end of file
diff --git a/src/mixins/experiment-mixin.spec.js b/src/mixins/experiment-mixin.spec.js
index 6ca0bb7fc..b3d68d1b6 100644
--- a/src/mixins/experiment-mixin.spec.js
+++ b/src/mixins/experiment-mixin.spec.js
@@ -1,6 +1,7 @@
 import experimentMixin from "@/mixins/experiment-mixin";
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import store from "@/store";
 
 describe("experiment-mixin", () => {
     describe("hasSettingEqualTo", () => {
@@ -121,22 +122,20 @@ describe("experiment-mixin", () => {
 });
 
 function setupMocks({ experimentSettings }) {
-    const defaultExperimentSettings = experimentSettings ?? {
+    const mocks = getMountOptions({});
+
+    const testExperimentSettings =  {
         "Setting1": "Value1",
         "Setting2": "Value2",
         "Setting3": "Value3",
         "Setting4": "Value1",
         "Setting5": "Value2",
         "Setting6": "Value3"
-    }
+    };
 
-    const mocks = getMountOptions({
-        store: {
-            getters: {
-                experimentSettings: defaultExperimentSettings
-            }
-        },
-    });
+    store.getters = {
+        experimentSettings: experimentSettings ?? testExperimentSettings
+    };
 
     const mockComponent = {
         template: "<div></div>",
diff --git a/src/mixins/vin-pages-mixin.spec.js b/src/mixins/vin-pages-mixin.spec.js
index 62d03971b..0ef66226f 100644
--- a/src/mixins/vin-pages-mixin.spec.js
+++ b/src/mixins/vin-pages-mixin.spec.js
@@ -895,23 +895,14 @@ function setupMocks({ partsOrQuestions = [] }) {
         router: {
             navigate: jest.fn()
         },
-
     });
 
     const mockVinComponent = {
         components: { loadingModal },
         template: '<loadingModal ref="loadingModal" />',
-        // render() {
-        //     return '<div ref="loadingModal"></div>'
-        // },
         mixins: [vinPagesMixin, baseMixin.baseMixin]
     };
 
-    // const mockVinComponent = Vue.component("mockcomponent", {
-    //     template: '<loadingModal ref="loadingModal" />',
-    //     mixins: [vinPagesMixin, baseMixin.baseMixin]
-    // })
-
     const wrapper = shallowMount(mockVinComponent, mocks);
 
     wrapper.vm.$refs.loadingModal.showModal = jest.fn();