CASH-632 fix tests for navbar
CASH-632 fix tests for navbar
This commit is contained in:
parent
c8e5f68086
commit
03f1fdaa28
10 changed files with 24 additions and 13 deletions
|
|
@ -28,7 +28,7 @@ describe("duplicate-check.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("endorsements.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("policy-driver.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("policy-info-submitted.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("policy-info.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("policy-vehicle.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("recalibration-info.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
@ -56,7 +56,7 @@ function setupMocks() {
|
|||
settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
|
||||
|
||||
const mountOptions = getMountOptions({
|
||||
route: { name: "policy-vehicle", query: {}, params: {} },
|
||||
route: { name: "recalibration-info", query: {}, params: {} },
|
||||
router: {
|
||||
navigate: jest.fn(),
|
||||
navigateWithSaving: jest.fn(),
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ describe("verify-details.vue", () => {
|
|||
|
||||
test("renders navbar component", () => {
|
||||
const { wrapper } = setupMocks();
|
||||
expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
|
||||
expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
|
||||
});
|
||||
|
||||
test("renders Form component", () => {
|
||||
|
|
|
|||
|
|
@ -11,10 +11,11 @@
|
|||
<!--
|
||||
... Page code goes here.
|
||||
-->
|
||||
<navbar
|
||||
<insuranceNavBar
|
||||
cmsWidgetName="FunnelFooterWidget"
|
||||
ref="navbar"
|
||||
:isForwardActionDisabled="!meta.valid"
|
||||
@cancel-clicked="cancelButtonAction"
|
||||
@back-clicked="backButtonAction"
|
||||
@ForwardClicked="forwardButtonAction" />
|
||||
</div>
|
||||
|
|
@ -25,7 +26,7 @@
|
|||
|
||||
<script>
|
||||
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 { Form } from "vee-validate";
|
||||
|
||||
|
|
@ -41,7 +42,7 @@ export default {
|
|||
components: {
|
||||
Form,
|
||||
funnelHeader,
|
||||
navbar,
|
||||
insuranceNavBar,
|
||||
funnelSubHeader,
|
||||
},
|
||||
// Ensure CMS content is fetched during route navigation without depending on `to`/`from`
|
||||
|
|
@ -67,6 +68,12 @@ export default {
|
|||
},
|
||||
|
||||
methods: {
|
||||
cancelButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_CANCEL_VERIFICATION,
|
||||
this.pageName
|
||||
);
|
||||
},
|
||||
backButtonAction() {
|
||||
this.$router.navigateWithoutSaving(
|
||||
this.navigationScenarios.CLICKED_BACK,
|
||||
|
|
|
|||
|
|
@ -594,9 +594,13 @@ const routingTable = function () {
|
|||
{
|
||||
pageName: routeData.VERIFY_DETAILS.name,
|
||||
maps: [
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_CANCEL_VERIFICATION,
|
||||
destinationPageData: routeData.POLICY_INFO,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_BACK,
|
||||
destinationPageData: routeData.DUPLICATE_CHECK,
|
||||
destinationPageData: routeData.POLICY_INFO,
|
||||
},
|
||||
{
|
||||
scenario: navigationScenarios.CLICKED_FORWARD,
|
||||
|
|
|
|||
Loading…
Reference in a new issue