diff --git a/src/constants/query-strings.js b/src/constants/query-strings.js index c1cfb957..40b50e50 100644 --- a/src/constants/query-strings.js +++ b/src/constants/query-strings.js @@ -1,5 +1,5 @@ const queryStrings = { - ISS_PAGE: 'issPage' + ISS_PAGE: 'issPage', }; export { queryStrings }; \ No newline at end of file diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue index 6f18f00b..2d5f7342 100644 --- a/src/iss-components/site-sub-header/site-sub-header.vue +++ b/src/iss-components/site-sub-header/site-sub-header.vue @@ -12,8 +12,8 @@ /> -
-

+

+

@@ -92,4 +92,18 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back line-height: 24px; } + .subheader-secondary { + &.justify-content-center{ + p { + text-align: center; + } + } + + &.justify-content-left{ + p { + text-align: left; + } + } + } + \ No newline at end of file diff --git a/src/iss-components/vehicle-banner/vehicle-banner.vue b/src/iss-components/vehicle-banner/vehicle-banner.vue index fe0737f9..312d4868 100644 --- a/src/iss-components/vehicle-banner/vehicle-banner.vue +++ b/src/iss-components/vehicle-banner/vehicle-banner.vue @@ -66,7 +66,7 @@ export default { default: return this.carUnmatchedVehicleIcon; } - } + }, } }; diff --git a/src/iss-components/vehicle-question/vehicle-question.vue b/src/iss-components/vehicle-question/vehicle-question.vue deleted file mode 100644 index b599d138..00000000 --- a/src/iss-components/vehicle-question/vehicle-question.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - diff --git a/src/layouts/entry-page/entry-page.spec.js b/src/layouts/entry-page/entry-page.spec.js new file mode 100644 index 00000000..0b189c8d --- /dev/null +++ b/src/layouts/entry-page/entry-page.spec.js @@ -0,0 +1,54 @@ +// Components +import entryPage from "@/layouts/entry-page/entry-page.vue"; + +import { shallowMount } from '@vue/test-utils'; +import { settleAllPromises } from "@/helpers/layout-helper.js"; +import { fetchCmsContentForPage, setupModalLinks } from "@/helpers/cms-content-helper"; +import { getMountOptions } from "@/helpers/unit-test-helper.js"; +import { useMainStore } from "@/store"; + +// Mock our module for promises. +jest.mock("@/helpers/layout-helper.js", () => ({ + settleAllPromises: jest.fn(), +})); + +// Mock fetchCmsContentForPage +jest.mock("@/helpers/cms-content-helper", () => ({ + fetchCmsContentForPage: jest.fn(), + setupModalLinks: jest.fn(), +})); + +describe('entry-page.vue', () => { + test('should render', () => { + + const queryString = 'policynumber="123456"' + const { wrapper } = setupMocks(queryString); + + console.log(wrapper.vm.$route.query); + expect(wrapper).toBeTruthy(); + }) + +}); + +function setupMocks(queryString) { + const mountOptions = getMountOptions({ + router: { + navigate: jest.fn(), + }, + route: { queryString } + }); + + const wrapper = shallowMount( + entryPage, + mountOptions + ); + + const apiResponses = {}; + + settleAllPromises.mockImplementation(() => apiResponses); + fetchCmsContentForPage.mockImplementation (() => {}); + + + return { wrapper }; +}; + diff --git a/src/layouts/entry-page/entry-page.vue b/src/layouts/entry-page/entry-page.vue index 6154f950..ec3ecbfb 100644 --- a/src/layouts/entry-page/entry-page.vue +++ b/src/layouts/entry-page/entry-page.vue @@ -33,15 +33,17 @@ this.$route ); }, - async validateClientTagOnEntry() { - + parseQueryParms() { // Dump the query string parameters into an array. Remove casing on the key for easy compare. let queryStringParams = []; for ( let param in this.$route.query) { queryStringParams[param.toLowerCase()] = this.$route.query[param]; } - + return queryStringParams; + }, + async validateClientTagOnEntry() { + const queryStringParams = this.parseQueryParms(); const clientTag = queryStringParams["clienttag"]; const clientTagPresent = !!clientTag; let authorized = false; @@ -86,16 +88,19 @@ try { - const clientFlags = JSON.parse(data.clientFlags); - - if ( clientFlags.TPAEnabled ) + if(data.clientFlags) { - this.mainStore.issConfig.enableTPAFlow = true; - } + const clientFlags = JSON.parse(data.clientFlags); - if ( clientFlags.ClientDisplayName != null ) - { - this.mainStore.issConfig.clientDisplayName = clientFlags.ClientDisplayName; + if ( clientFlags.TPAEnabled ) + { + this.mainStore.issConfig.enableTPAFlow = true; + } + + if ( clientFlags.ClientDisplayName != null ) + { + this.mainStore.issConfig.clientDisplayName = clientFlags.ClientDisplayName; + } } } catch ( e ) diff --git a/src/layouts/vehicle-selection/vehicle-question/vehicle-question.vue b/src/layouts/vehicle-selection/vehicle-question/vehicle-question.vue new file mode 100644 index 00000000..8ac79071 --- /dev/null +++ b/src/layouts/vehicle-selection/vehicle-question/vehicle-question.vue @@ -0,0 +1,62 @@ + + + diff --git a/src/layouts/vehicle-selection/vehicle-selection.vue b/src/layouts/vehicle-selection/vehicle-selection.vue index 736d4520..1e86b9fb 100644 --- a/src/layouts/vehicle-selection/vehicle-selection.vue +++ b/src/layouts/vehicle-selection/vehicle-selection.vue @@ -1,5 +1,5 @@