From 307e7d2fbb7092ebebbdf2a1c8c912b170a1c8b5 Mon Sep 17 00:00:00 2001
From: saumyaChaturvedi123
 <108388239+saumyaChaturvedi123@users.noreply.github.com>
Date: Wed, 5 Apr 2023 17:20:57 +0530
Subject: [PATCH 1/2] SSR-365

Steering text to appear for state MA
---
 .../steering-text/steering-text.spec.js       | 45 +++++++++++++++++++
 .../steering-text/steering-text.vue           | 37 +++++++++++++++
 .../coverage-statement/coverage-statement.vue |  9 ++--
 3 files changed, 88 insertions(+), 3 deletions(-)
 create mode 100644 src/iss-components/steering-text/steering-text.spec.js
 create mode 100644 src/iss-components/steering-text/steering-text.vue

diff --git a/src/iss-components/steering-text/steering-text.spec.js b/src/iss-components/steering-text/steering-text.spec.js
new file mode 100644
index 00000000..bcce201f
--- /dev/null
+++ b/src/iss-components/steering-text/steering-text.spec.js
@@ -0,0 +1,45 @@
+import { shallowMount } from "@vue/test-utils";
+import steeringTextModal from "./steering-text";
+import { createApp } from 'vue';
+import { createPinia } from "pinia";
+import App from '@/App.vue';
+
+describe("steering-text.vue", () => {
+    test("Should display steering text from CMS for state MA", async () => {
+        // Act
+       
+       const wrapper = shallowMount(steeringTextModal, {
+        mixins: [mockMixin],
+        props: {
+            cmsWidgetName: "MASteeringTextWidget",
+        },
+        attachTo: document.body,
+    });
+    expect(wrapper.html()).toEqual(expect.stringContaining(mockCmsContent["BodyText"]));
+    });
+    
+    
+});
+
+const vueApp = createApp(App);
+const pinia = createPinia();
+vueApp.use(pinia);
+///////////////
+// Constants //
+///////////////
+
+const mockMixin = {
+    methods: {
+        getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+            return mockCmsContent[cmsFieldName];
+        }),
+    },
+};
+
+
+const mockCmsContent = {
+    BodyText: "MASteeringText",
+   
+};
+
+
diff --git a/src/iss-components/steering-text/steering-text.vue b/src/iss-components/steering-text/steering-text.vue
new file mode 100644
index 00000000..1906c3f1
--- /dev/null
+++ b/src/iss-components/steering-text/steering-text.vue
@@ -0,0 +1,37 @@
+<template>
+    <div>       
+        <textBlock          
+            cmsWidgetName="MASteeringText"         
+            id="SteeringTextContent"
+        />
+        <div>
+            <p class="small" v-if="isStateMA" v-html="MASteeringText" ></p>
+        </div>  
+       
+    </div>
+   
+</template>
+
+<script>
+import { useMainStore } from "@/store";
+
+ export default{
+    name: "steeringTextModal",    
+    computed: {     
+        MASteeringText() {            
+                return this.getCmsContent("MASteeringText", "BodyText");                
+            },
+        isStateMA()
+            {
+                if (this.mainStore.order.customer.address.state=='MA')
+                {
+                    return true
+                }
+            }
+    },
+    setup() {
+        const mainStore = useMainStore();
+        return { mainStore };
+    }
+ }
+</script>
\ No newline at end of file
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 706fb52a..9594086a 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -34,6 +34,7 @@
           </p>
         </div>
         <recalModal cmsWidgetName="RecalModal" />
+        <SteeringText  cmsWidgetName="MASteeringText" ></SteeringText>
         <siteFooter
           cmsWidgetName="SiteFooterWidget"
           :isForwardActionDisabled="!meta.valid"
@@ -55,13 +56,14 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
 import textBlock from "@/digital-components/text-block/text-block";
 import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal.vue';
-
+import steeringText from "@/iss-components/steering-text/steering-text";
 // Import Supporting Files
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
 import { settleAllPromises } from '@/helpers/layout-helper';
 import { getDamageString } from '@/helpers/damage-helper.js';
 import { useMainStore } from "@/store";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
+import SteeringText from '../../iss-components/steering-text/steering-text.vue';
 
 export default {
   name: 'coverage-statement',
@@ -72,8 +74,9 @@ export default {
     siteSubHeader,
     Form,
     textBlock,
-    recalModal
-  },
+    recalModal,
+    SteeringText
+},
   computed: {
     bodyText() {
       if (useMainStore().order.damage.isRepair) {

From 42d9601ed46c2effb92d35e3400bf66618b613e0 Mon Sep 17 00:00:00 2001
From: saumyaChaturvedi123
 <108388239+saumyaChaturvedi123@users.noreply.github.com>
Date: Wed, 5 Apr 2023 19:21:31 +0530
Subject: [PATCH 2/2] SSR-365

fixing 'steeringText' casing.
---
 src/layouts/coverage-statement/coverage-statement.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 9594086a..cae7d1f4 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -34,7 +34,7 @@
           </p>
         </div>
         <recalModal cmsWidgetName="RecalModal" />
-        <SteeringText  cmsWidgetName="MASteeringText" ></SteeringText>
+        <steeringText  cmsWidgetName="MASteeringText" ></steeringText>
         <siteFooter
           cmsWidgetName="SiteFooterWidget"
           :isForwardActionDisabled="!meta.valid"
@@ -56,14 +56,13 @@ import siteHeader from '@/iss-components/site-header/site-header.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
 import textBlock from "@/digital-components/text-block/text-block";
 import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal.vue';
-import steeringText from "@/iss-components/steering-text/steering-text";
+import steeringText from "@/iss-components/steering-text/steering-text.vue";
 // Import Supporting Files
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
 import { settleAllPromises } from '@/helpers/layout-helper';
 import { getDamageString } from '@/helpers/damage-helper.js';
 import { useMainStore } from "@/store";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
-import SteeringText from '../../iss-components/steering-text/steering-text.vue';
 
 export default {
   name: 'coverage-statement',
@@ -75,7 +74,7 @@ export default {
     Form,
     textBlock,
     recalModal,
-    SteeringText
+    steeringText
 },
   computed: {
     bodyText() {