From d6d252930ee5d1a78eaa7053ce278588480eda6d Mon Sep 17 00:00:00 2001 From: "US\\katie.kroell" Date: Thu, 12 Feb 2026 16:11:46 -0500 Subject: [PATCH 1/4] add cancel claim modal back WIP --- .../coverage-statement.spec.js.snap | 1 + .../coverage-statement.spec.js | 1 + .../coverage-statement/coverage-statement.vue | 19 ++++++++++++++----- 3 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap b/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap index ef566a55..26f60304 100644 --- a/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap +++ b/src/layouts/coverage-statement/__snapshots__/coverage-statement.spec.js.snap @@ -2,6 +2,7 @@ exports[`coverageStatement.vue returns the initial data 1`] = ` Object { + "CANCEL_CLAIM_REF_NAME": "CancelClaimModal", "RECAL_MODAL_REF_NAME": "RecalModal", "baseServiceLineItems": Array [], "widget": Object { diff --git a/src/layouts/coverage-statement/coverage-statement.spec.js b/src/layouts/coverage-statement/coverage-statement.spec.js index 28a74195..ec6d20bd 100644 --- a/src/layouts/coverage-statement/coverage-statement.spec.js +++ b/src/layouts/coverage-statement/coverage-statement.spec.js @@ -99,6 +99,7 @@ function getMountedComponent(mainInitialState = {}, initialData = {}, methodToRu fetchCmsContentForPage.mockImplementation(() => Promise.resolve()); const wrapper = shallowMount(coverageStatement, mountOptions); + wrapper.vm.$refs[CANCEL_CLAIM_REF_NAME].openModal = jest.fn(); return { wrapper }; } diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index 91dfc1a1..bdb5ae39 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -102,6 +102,10 @@ :ref="RECAL_MODAL_REF_NAME" cssModalHeadlineClass="text-center" cmsWidgetName="RecalModal" /> + @@ -110,6 +114,7 @@ import { Form } from 'vee-validate'; import siteHeader from '@/iss-components/site-header/site-header.vue'; import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue'; +import cancelClaimModal from '@/layouts/coverage-statement/cancel-claim-modal/cancel-claim-modal.vue'; import textBlock from '@/digital-components/text-block/text-block.vue'; import textLink from '@/ux-components/text-link/text-link.vue'; import buttonMain from '@/ux-components/button-main/button-main.vue'; @@ -136,6 +141,7 @@ import coverageStatuses from '@/constants/coverage-statuses'; import coverageType from '@/constants/coverage-type'; const RECAL_MODAL_REF_NAME = 'RecalModal'; +const CANCEL_CLAIM_REF_NAME = 'CancelClaimModal'; export default { name: 'coverage-statement', @@ -147,7 +153,8 @@ export default { buttonMain, textBlock, textLink, - siteFooter + siteFooter, + cancelClaimModal }, mixins: [baseFormMixin, vehicleQuestionsMixin], async beforeRouteEnter(to, from, next) { @@ -208,7 +215,8 @@ export default { explanatoryText: 'ExplanatoryTextWidget', nextStep: 'NextStepsWidget' }, - RECAL_MODAL_REF_NAME + RECAL_MODAL_REF_NAME, + CANCEL_CLAIM_REF_NAME }; }, computed: { @@ -448,9 +456,10 @@ export default { }, formatAmountInDollars, cancelClaim() { - this.mainStore.updateIsSafeliteProvider(false); - this.mainStore.setBailout(bailoutMessage.RequestCallback()); - this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP); + this.$refs[this.CANCEL_CLAIM_REF_NAME].openModal(); + // this.mainStore.updateIsSafeliteProvider(false); + // this.mainStore.setBailout(bailoutMessage.RequestCallback()); + // this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP); } } }; From b286a70e9802a637b3d4c7141362686bd6ca0c92 Mon Sep 17 00:00:00 2001 From: Katie Kroell Date: Mon, 16 Feb 2026 10:08:05 -0500 Subject: [PATCH 2/4] cancel claim modal navigation --- .../coverage-statement/coverage-statement.vue | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index bdb5ae39..fd3d8dd9 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -83,7 +83,7 @@ linkType="text" text="No, I want to cancel" href="#" - @clickEvent="cancelClaim" /> + @clickEvent="openCancelClaimModal" /> + @returnToClaim="navigateForward" /> @@ -455,11 +455,13 @@ export default { this.baseServiceLineItems = lineItems; }, formatAmountInDollars, + openCancelClaimModal() { + this.$refs[CANCEL_CLAIM_REF_NAME].openModal(); + }, cancelClaim() { - this.$refs[this.CANCEL_CLAIM_REF_NAME].openModal(); - // this.mainStore.updateIsSafeliteProvider(false); - // this.mainStore.setBailout(bailoutMessage.RequestCallback()); - // this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP); + this.mainStore.updateIsSafeliteProvider(false); + this.mainStore.setBailout(bailoutMessage.RequestCallback()); + this.navigateWithScenario(navigationScenarios.CLICKED_FORWARD_WITH_NON_SAFELITE_SHOP); } } }; From 4533c1b528e09738520e11d9122ff29517b68539 Mon Sep 17 00:00:00 2001 From: Katie Kroell Date: Mon, 16 Feb 2026 13:44:37 -0500 Subject: [PATCH 3/4] underline external links --- src/layouts/coverage-statement/coverage-statement.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index fd3d8dd9..3b59c35c 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -545,6 +545,9 @@ export default { font-weight: 500; } margin-top: 6px; + .external-text { + text-decoration: underline; + } a { text-decoration: none; } From bf43bfa42c27e9facfc0acff4c8568b7de785f00 Mon Sep 17 00:00:00 2001 From: Katie Kroell Date: Mon, 16 Feb 2026 14:51:49 -0500 Subject: [PATCH 4/4] add unit test for method --- .../coverage-statement/coverage-statement.spec.js | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/layouts/coverage-statement/coverage-statement.spec.js b/src/layouts/coverage-statement/coverage-statement.spec.js index 7bbd27dd..aa9c3058 100644 --- a/src/layouts/coverage-statement/coverage-statement.spec.js +++ b/src/layouts/coverage-statement/coverage-statement.spec.js @@ -673,6 +673,18 @@ describe('coverageStatement.vue', () => { ); }); }); + describe('openCancelClaimModal', () => { + test('when I want to cancel link is clicked, modal opens', () => { + // Arrange + const { wrapper } = getMountedComponent({}); + + // Act + wrapper.vm.openCancelClaimModal(); + + // Assert + expect(wrapper.vm.$refs[CANCEL_CLAIM_REF_NAME].openModal).toHaveBeenCalled(); + }); + }); }); describe('claim registration api call', () => { it('Loaded duplicate with previously registered claim => claim registration is not called', async () => {