CSR-652 | Update tests and move item to mixin

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);
     })
   });
 

src/mixins/base-mixin.js

@@ -69,7 +69,10 @@ export default {
     },
     dynamicStrings(){
       return dynamicStrings;
-    }
+    },
+    cssClassNameForCmsWidget(){
+      return "widget-name-" + this.cmsWidgetName;
+    },
   },
 };
 

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,