diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.spec.js deleted file mode 100644 index 0c1c6aec..00000000 --- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.spec.js +++ /dev/null @@ -1,63 +0,0 @@ -/* eslint-env jest */ -import { getDamageString } from '@/helpers/damage-helper'; -import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types'; -import { RouterLinkStub } from '@vue/test-utils'; -import { render } from '@testing-library/vue'; -import '@testing-library/jest-dom'; -import LicensePlateLookupAlertsComponent from './license-plate-lookup-alerts.vue'; - -jest.mock('@/helpers/damage-helper'); - -const mountOptions = { - global: { - stubs: { - RouterLink: RouterLinkStub, - }, - mixins: [ - { - methods: { - getCmsContent: jest.fn(() => ''), - getFooterInfoBoxHeight: jest.fn(() => 80), - cssClassNameForCmsWidget: jest.fn(() => 'widget-name-mock-class'), - }, - }, - ], - }, -}; - -describe('license-plate-lookup-alerts.vue', () => { - test('VehicleNotFoundAlert is displayed on the screen', () => { - // Arrange - mountOptions.props = { - activeAlertType: vehicleLookupAlertTypes.NOT_FOUND, - }; - - // Act - const { queryByRole } = render(LicensePlateLookupAlertsComponent, mountOptions); - const VehicleNotFoundAlert = queryByRole('alert', { name: 'vehicle-not-found-alert' }); - const VehicleNotMatchedAlert = queryByRole('alert', { name: 'vehicle-not-matched-alert'}); - - // Assert - expect(VehicleNotFoundAlert).toBeVisible(); - expect(VehicleNotMatchedAlert).toEqual(null); - }); - - test('VehicleNotMatchedAlert is displayed on the screen', () => { - // Arrange - getDamageString.mockImplementation(() => 'Mock Damage String'); - mountOptions.props = { - activeAlertType: vehicleLookupAlertTypes.NOT_MATCHED, - }; - - // Act - const { queryByRole } = render(LicensePlateLookupAlertsComponent, mountOptions); - const VehicleNotFoundAlert = queryByRole('alert', { name: 'vehicle-not-found-alert' }); - const VehicleNotMatchedAlert = queryByRole('alert', { name: 'vehicle-not-matched-alert'}); - - // Assert - expect(VehicleNotMatchedAlert).toBeVisible(); - expect(VehicleNotFoundAlert).toEqual(null); - }); - - -}) \ No newline at end of file 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 959a6451..784e75d3 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js +++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js @@ -1,6 +1,5 @@ // Components import licensePlateLookup from "@/layouts/license-plate-lookup/license-plate-lookup.vue"; -import licensePlateQuestion from "@/layouts/license-plate-lookup/license-plate-question/license-plate-question.vue"; // Supporting files import { shallowMount } from '@vue/test-utils'; @@ -22,16 +21,6 @@ jest.mock("@/helpers/cms-content-helper", () => ({ fetchCmsContentForPage: jest.fn(), })); -// Mock damage helper -jest.mock("@/helpers/damage-helper", () => ({ - isGlassAvailableForCarId: () => { - return false; - }, - getDamageString: () => { - return "damage string"; - }, -})); - describe("license-plate-lookup.vue", () => { test("Vehicle make set, arePagePrerequisitesValid should be true", () => { //Arrange @@ -97,8 +86,6 @@ describe("navigation", () => { }); function setupMocks({ - licensePlateQuestionCmsContent = {}, - licensePlateQuestionInitialData = {}, pageHeaderWidgetHeaderText = {}, pageFooterWidgetCmsContent = {}, mountOptionsMockData = {}, @@ -111,7 +98,6 @@ function setupMocks({ const apiResponses = { cmsContent: { SiteSubHeaderWidget: pageHeaderWidgetHeaderText, - LicensePlateQuestion: licensePlateQuestionCmsContent, VehicleBannerWidget: { GenericVehicleImage: `${applicationConfig.ISS_DEV_CMS_DOMAIN}/images/default-source/default-album/blurred-image.jpg`, @@ -123,15 +109,12 @@ function setupMocks({ SiteFooterWidget: pageFooterWidgetCmsContent, }, - licensePlateQuestionInitialData: licensePlateQuestionInitialData, }; mountOptionsMockData = { ...mountOptionsMockData, router: { navigate: jest.fn(), - navigateWithoutSaving: jest.fn(), - navigateWithSaving: jest.fn(), }, store: { getters: { @@ -146,27 +129,16 @@ function setupMocks({ }, }; - const apiPromise = Promise.resolve(apiResponses); settleAllPromises.mockImplementation(() => apiPromise); fetchCmsContentForPage.mockImplementation(() => Promise.resolve()); - - //Mock make question methods - licensePlateQuestion.methods = { - loadInitialData: jest.fn(), - initializeComponent: jest.fn(), - }; - + const mountOptions = getMountOptions(mountOptionsMockData); - + const wrapper = shallowMount(licensePlateLookup, mountOptions); - - const licensePlateQuestionWrapper = wrapper.findComponent({ name: "licensePlateQuestion" }); - licensePlateQuestionWrapper.vm.initializeComponent = - licensePlateQuestion.methods.initializeComponent; - + wrapper.vm.setCmsContent = baseMixin.methods.setCmsContent; return { wrapper, apiPromise }; - } \ No newline at end of file +} \ No newline at end of file diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue index 33e202fc..32765c7d 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.vue +++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue @@ -10,8 +10,22 @@ :display-generic-vehicle-image="false" />
- +