From 07cc44603934b150a633422759f0492fbe79bbe0 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Mon, 24 Oct 2022 17:10:23 -0400
Subject: [PATCH 1/2] sub-header vue added

---
 .../site-sub-header/site-sub-header.vue       | 27 +++++++++++++++++++
 src/layouts/vehicle-year/vehicle-year.vue     |  4 +--
 src/layouts/welcome-page/welcome-page.vue     |  4 ++-
 3 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/common-components/site-sub-header/site-sub-header.vue

diff --git a/src/common-components/site-sub-header/site-sub-header.vue b/src/common-components/site-sub-header/site-sub-header.vue
new file mode 100644
index 00000000..a48b9f19
--- /dev/null
+++ b/src/common-components/site-sub-header/site-sub-header.vue
@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <div id="subHeader" v-html="content"></div>
+    </div>
+</template>
+
+<script>
+    export default ({
+        name: "siteSubHeader",
+        props: {
+            cmsWidgetName: String,
+        },
+        computed: {
+            content()
+            {
+                return this.getCmsContent(this.cmsWidgetName, "SubHeaderText")
+            }
+        }
+    })
+</script>
+
+<style lang="scss" scoped>
+    #subHeader{
+        margin: 16px auto;
+        text-align: center;
+    }
+</style>
\ No newline at end of file
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 169987e3..b19526e9 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/src/layouts/vehicle-year/vehicle-year.vue
@@ -18,9 +18,9 @@
 <script>
     import navButton from '@/common-components/nav-button/nav-button';
     import siteHeader from '@/common-components/site-header/site-header';
+    import textboxQuestion from "@/common-components/textbox-question/textbox-question";
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
     import { settleAllPromises } from "@/helpers/layout-helper";
-    import textboxQuestion from "@/common-components/textbox-question/textbox-question";
     import { defineRule } from "vee-validate";
     import { required } from "@/helpers/validation-rules";
     import { regex } from "@/helpers/validation-rules";
@@ -76,7 +76,7 @@
         components: { 
             navButton,
             textboxQuestion,
-            siteHeader
+            siteHeader,
          },
     }
 </script>
\ No newline at end of file
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 98794a76..0df911a5 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -2,6 +2,7 @@
 <div>
     <div class="fade-on-route-transition">
         <siteHeader cmsWidgetName="Header"/>
+        <siteSubHeader cmsWidgetName="SubHeader"/>
         <p>Welcome Page Placeholder</p>
         <br />
         <navButton type="button" text="Next" :scenario="this.navigationScenarios.CLICKED_FORWARD"></navButton>
@@ -13,13 +14,14 @@
 <script>
     import navButton from "@/common-components/nav-button/nav-button";
     import siteHeader from '@/common-components/site-header/site-header';
+    import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
     import { settleAllPromises } from "@/helpers/layout-helper";
 
 
     export default {
         name: "welcome-page",
-        components: { navButton, siteHeader },
+        components: { navButton, siteHeader, siteSubHeader },
         async beforeRouteEnter(to, from, next) 
             {
                 // Call APIs

From 9413c89607b5a451b6791647335f351e719abd06 Mon Sep 17 00:00:00 2001
From: Jason Wheeler <jason.wheeler@safelite.com>
Date: Tue, 25 Oct 2022 09:48:07 -0400
Subject: [PATCH 2/2] added test

---
 .../site-sub-header/site-sub-header.spec.js   | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/common-components/site-sub-header/site-sub-header.spec.js

diff --git a/src/common-components/site-sub-header/site-sub-header.spec.js b/src/common-components/site-sub-header/site-sub-header.spec.js
new file mode 100644
index 00000000..ff5f2d5e
--- /dev/null
+++ b/src/common-components/site-sub-header/site-sub-header.spec.js
@@ -0,0 +1,27 @@
+import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
+import { shallowMount } from "@vue/test-utils";
+
+describe("site sub header", () => {
+
+    const subHeaderText = "<p>let's fix your glass</p>";
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn().mockImplementation(()=> {
+            return subHeaderText;
+            })
+        }
+    }
+
+    it("should contain the cms content", () => {
+        const wrapper = shallowMount(siteSubHeader, {
+            mixins: [mockMixin]
+        });
+      
+        wrapper.getCmsContent = jest.fn();
+        const actual = wrapper.find("p");
+
+        expect(actual.html()).toBe(subHeaderText);
+    })
+
+});
+