CASH-632 fix tests for navbar

CASH-632 fix tests for navbar
This commit is contained in:
Carl Nation 2026-06-03 06:28:27 -04:00
parent c8e5f68086
commit 03f1fdaa28
10 changed files with 24 additions and 13 deletions

View file

@ -28,7 +28,7 @@ describe("duplicate-check.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("endorsements.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("policy-driver.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("policy-info-submitted.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("policy-info.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("policy-vehicle.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -28,7 +28,7 @@ describe("recalibration-info.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {
@ -56,7 +56,7 @@ function setupMocks() {
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent }); settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
const mountOptions = getMountOptions({ const mountOptions = getMountOptions({
route: { name: "policy-vehicle", query: {}, params: {} }, route: { name: "recalibration-info", query: {}, params: {} },
router: { router: {
navigate: jest.fn(), navigate: jest.fn(),
navigateWithSaving: jest.fn(), navigateWithSaving: jest.fn(),

View file

@ -28,7 +28,7 @@ describe("verify-details.vue", () => {
test("renders navbar component", () => { test("renders navbar component", () => {
const { wrapper } = setupMocks(); const { wrapper } = setupMocks();
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true); expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
}); });
test("renders Form component", () => { test("renders Form component", () => {

View file

@ -11,10 +11,11 @@
<!-- <!--
... Page code goes here. ... Page code goes here.
--> -->
<navbar <insuranceNavBar
cmsWidgetName="FunnelFooterWidget" cmsWidgetName="FunnelFooterWidget"
ref="navbar" ref="navbar"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@cancel-clicked="cancelButtonAction"
@back-clicked="backButtonAction" @back-clicked="backButtonAction"
@ForwardClicked="forwardButtonAction" /> @ForwardClicked="forwardButtonAction" />
</div> </div>
@ -25,7 +26,7 @@
<script> <script>
import funnelHeader from "@/fmg-components/funnel-header/funnel-header"; import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
import navbar from "@/fmg-components/nav-bar/nav-bar"; import insuranceNavBar from "@/fmg-components/insurance-nav-bar/insurance-nav-bar";
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header"; import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
import { Form } from "vee-validate"; import { Form } from "vee-validate";
@ -41,7 +42,7 @@ export default {
components: { components: {
Form, Form,
funnelHeader, funnelHeader,
navbar, insuranceNavBar,
funnelSubHeader, funnelSubHeader,
}, },
// Ensure CMS content is fetched during route navigation without depending on `to`/`from` // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
@ -67,6 +68,12 @@ export default {
}, },
methods: { methods: {
cancelButtonAction() {
this.$router.navigateWithoutSaving(
this.navigationScenarios.CLICKED_CANCEL_VERIFICATION,
this.pageName
);
},
backButtonAction() { backButtonAction() {
this.$router.navigateWithoutSaving( this.$router.navigateWithoutSaving(
this.navigationScenarios.CLICKED_BACK, this.navigationScenarios.CLICKED_BACK,

View file

@ -594,9 +594,13 @@ const routingTable = function () {
{ {
pageName: routeData.VERIFY_DETAILS.name, pageName: routeData.VERIFY_DETAILS.name,
maps: [ maps: [
{
scenario: navigationScenarios.CLICKED_CANCEL_VERIFICATION,
destinationPageData: routeData.POLICY_INFO,
},
{ {
scenario: navigationScenarios.CLICKED_BACK, scenario: navigationScenarios.CLICKED_BACK,
destinationPageData: routeData.DUPLICATE_CHECK, destinationPageData: routeData.POLICY_INFO,
}, },
{ {
scenario: navigationScenarios.CLICKED_FORWARD, scenario: navigationScenarios.CLICKED_FORWARD,