From c6327e64400f97dab9eb2ad338f954377a330a59 Mon Sep 17 00:00:00 2001
From: Jethe <Manjiri.Jethe@safelite.com>
Date: Wed, 5 Apr 2023 12:49:56 +0530
Subject: [PATCH 1/3] Scroll bar changes

SSR-371
---
 src/layouts/provider-preference/provider-preference.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 618a9625..6054b1e7 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -3,7 +3,7 @@
     <div class="page-container-grouped-styles overflow-auto">
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
       <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
-      <div class="fade-on-route-transition sub-container make-tall px-5">
+      <div class="fade-on-route-transition sub-container make-tall overflow-scroller px-5">
         <div v-html="ProviderPreferenceHeaderText"  class="text-center mt-4 mb-4" ></div>
         <div
             v-html="ProviderPreferenceBodyText"
@@ -118,6 +118,10 @@ export default {
 };
 </script>
 <style lang="scss">
+.overflow-scroller {    
+    height: calc(100% - 220px) !important;   
+    overflow-X: hidden !important;   
+}
 #sub-header span{
 color: #000000;
 }

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 2/3] 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 3/3] 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() {