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", () => {
|
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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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(),
|
||||||
|
|
|
||||||
|
|
@ -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", () => {
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue