From cfa0ace9c5dabbd8dd2421599493687c74d7f45a Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Wed, 15 Jun 2022 09:20:48 -0400
Subject: [PATCH] CSR-652 | Update tests and move item to mixin

---
 src/layouts/vehicle-damage/vehicle-damage.spec.js | 6 +++---
 src/mixins/base-mixin.js                          | 5 ++++-
 src/ux-components/alert/alert.vue                 | 3 ---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index ff36a3d2c..2b6cef4c1 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -272,7 +272,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(true);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(true);
     });
 
     test("when displayVehicleChangeAlert router params is false, the alert: 'vehicleChangeAlert' should not be rendered", () => {
@@ -287,7 +287,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(false);
     });
 
     test("when displayVehicleChangeAlert router params is undefined, the alert: 'vehicleChangeAlert' should not be rednered", () => {
@@ -302,7 +302,7 @@ describe("vehicle-damage.vue", () => {
         }
       });
       // Assert
-      expect(wrapper.html().includes("cmswidgetname=\"VehicleChangeAlert\"")).toBe(false);
+      expect(wrapper.findComponent({ ref: 'vehicleChangeAlert' }).exists()).toBe(false);
     })
   });
 
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index ea80be578..5a82145c0 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -69,7 +69,10 @@ export default {
     },
     dynamicStrings(){
       return dynamicStrings;
-    }
+    },
+    cssClassNameForCmsWidget(){
+      return "widget-name-" + this.cmsWidgetName;
+    },
   },
 };
 
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 9875c41e0..d7cca79ad 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -75,9 +75,6 @@ export default {
     splitAlertCopyForParagraphTag(){
       return splitCMSCopyOnParagraphTag(this.alertCopy);
     },
-    cssClassNameForCmsWidget(){
-      return "widget-name-" + this.cmsWidgetName;
-    },
   },
   methods: {
     doesCopyContainRouterLink,