diff --git a/src/constants/vehicle-lookup-alert-types.js b/src/constants/vehicle-lookup-alert-types.js index 4579c7b4..f658876e 100644 --- a/src/constants/vehicle-lookup-alert-types.js +++ b/src/constants/vehicle-lookup-alert-types.js @@ -1,7 +1,7 @@ const vehicleLookupAlertTypes = Object.freeze({ NOT_FOUND: 'notFound', NOT_MATCHED: 'notMatched', - PERFECT_MATCH: 'perfectMatch', + TWO_IDENTICAL_YMM_MATCHED:'twoIdenticalYMMMatched' }); export default vehicleLookupAlertTypes; diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue index c7840b98..93149d4d 100644 --- a/src/digital-components/button-question/button-question.vue +++ b/src/digital-components/button-question/button-question.vue @@ -229,7 +229,7 @@ export default { .overflow-scroll { // Height will be determined by overall height of content above list - height: calc(100% - 383px); + height: calc(100% - 400px); overflow-x: hidden !important; -webkit-overflow-scrolling: touch; } diff --git a/src/iss-components/questions-page-layout/questions-page-layout.vue b/src/iss-components/questions-page-layout/questions-page-layout.vue index 096eefbf..e89a6e1c 100644 --- a/src/iss-components/questions-page-layout/questions-page-layout.vue +++ b/src/iss-components/questions-page-layout/questions-page-layout.vue @@ -4,7 +4,7 @@ -
+
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index 09891112..b65339a7 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -4,11 +4,11 @@ @invalidSubmit="onInvalidSubmit" v-slot="{ meta }" > -
+
-
+
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js index 65addf33..085322e5 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js +++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js @@ -48,6 +48,30 @@ describe("license-plate-lookup.vue", () => { ); }); + test("If license plate matches two identical YMM vehicles, display alertMatchedTwoIdenticalYMMVehicle", async () => { + // Arrange + const mockRegistrationLicensePlate = { + licensePlate: "UTN990", + }; + + const { wrapper } = setupMocks({}); + + useMainStore().order.vehicle.carId = "TESTCARID"; + + await wrapper.setData({ + licensePlate: mockRegistrationLicensePlate, + isTwoIdenticalYMMVehicleFound:true, + }); + + // Act + await wrapper.vm.forwardButtonAction(); + + // Assert + expect(wrapper.findComponent({ ref: "alertMatchedTwoIdenticalYMMVehicle" }).isVisible()).toBe( + true + ); + }); + test("If no vehicles found, display VinNotFound alert", async () => { // Arrange const mockRegistrationLicensePlate = { diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue index 8c6dcafb..d5d652d2 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.vue +++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue @@ -3,14 +3,14 @@ @submit="onSubmit" @invalid-submit="onInvalidSubmit" v-slot="{ meta }"> -
+
-
+
+ diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.vue b/src/layouts/vehicle-lookup/vehicle-lookup.vue index b83f2a65..6ba6baf6 100644 --- a/src/layouts/vehicle-lookup/vehicle-lookup.vue +++ b/src/layouts/vehicle-lookup/vehicle-lookup.vue @@ -118,7 +118,7 @@ export default { \ No newline at end of file diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue index c14cd0df..b2ab7f0e 100644 --- a/src/layouts/vehicle-parts/vehicle-parts.vue +++ b/src/layouts/vehicle-parts/vehicle-parts.vue @@ -8,7 +8,7 @@ cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" /> -
+
@@ -221,3 +221,9 @@ export default { }, }; + \ No newline at end of file diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/two-identical-ymm-vehicle-alert/two-identical-ymm-vehicle-alert.vue b/src/layouts/vin-lookup/vin-lookup-alerts/two-identical-ymm-vehicle-alert/two-identical-ymm-vehicle-alert.vue new file mode 100644 index 00000000..79f4a31a --- /dev/null +++ b/src/layouts/vin-lookup/vin-lookup-alerts/two-identical-ymm-vehicle-alert/two-identical-ymm-vehicle-alert.vue @@ -0,0 +1,53 @@ + + + \ No newline at end of file diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue index 1f000e5f..171f76cb 100644 --- a/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue +++ b/src/layouts/vin-lookup/vin-lookup-alerts/vehicle-not-matched-alert/vehicle-not-matched-alert.vue @@ -28,14 +28,12 @@ export default { body() { let year = ''; let make = ''; - let model = ''; - let style = ''; + let model = ''; if (this.vehicleFromLookup) { year = this.vehicleFromLookup.year; make = this.vehicleFromLookup.make; - model = this.vehicleFromLookup.model; - style = this.vehicleFromLookup.style; + model = this.vehicleFromLookup.model; } return ( @@ -43,8 +41,7 @@ export default { .replaceAll('{custom:damage}', getDamageString()) .replaceAll('{custom:vinlookupYear}', year) .replaceAll('{custom:vinlookupMake}', make) - .replaceAll('{custom:vinlookupModel}', model) - .replaceAll('{custom:vinlookupStyle}', style) + .replaceAll('{custom:vinlookupModel}', model) ); }, }, diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.spec.js b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.spec.js index e62df817..37b339af 100644 --- a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.spec.js +++ b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.spec.js @@ -54,4 +54,18 @@ describe('vin-lookup-alerts.vue', () => { expect(vehicleNotFoundAlert).toEqual(null); expect(vehicleNotMatchedAlert).toBeVisible(); }); + test('TwoIdenticalYMMVehicleAlert is displayed on the screen', () => { + getDamageString.mockImplementation(() => 'Mock Damage String'); + mountOptions.props = { + activeAlertType: vehicleLookupAlertTypes.TWO_IDENTICAL_YMM_MATCHED, + }; + mountOptions.global.provide = { + vehicleFromLookup: {}, + }; + + const { queryByRole } = render(VinLookupAlertsComponent, mountOptions); + const twoIdenticalYMMVehicleAlert = queryByRole('alert', { name: 'two-identical-ymm-vehicle-alert' }); + + expect(twoIdenticalYMMVehicleAlert).toBeVisible(); + }); }); diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue index 1bf94a09..ebbf17af 100644 --- a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue +++ b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue @@ -6,6 +6,9 @@ + @@ -16,9 +19,9 @@ + \ 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 a2a61ae9..14ff12e7 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -335,7 +335,7 @@