From c55450c81dee3b076f67fa5470f1765772777bdf Mon Sep 17 00:00:00 2001 From: Kroell Date: Tue, 10 Jan 2023 10:13:02 -0500 Subject: [PATCH] Unit tests for license-plate-lookup --- .../license-plate-lookup-alerts.spec.js | 63 +++++++++++++++++++ .../license-plate-lookup.spec.js | 8 ++- .../license-plate-question.spec.js | 3 - .../zip-question/zip-question.spec.js | 3 - 4 files changed, 70 insertions(+), 7 deletions(-) delete mode 100644 src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js delete mode 100644 src/layouts/license-plate-lookup/zip-question/zip-question.spec.js diff --git a/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js index e69de29b..781079ab 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js +++ b/src/layouts/license-plate-lookup/license-plate-lookup-alerts.spec.js @@ -0,0 +1,63 @@ +/* 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/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 369675d2..e8bcca1a 100644 --- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js +++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js @@ -85,8 +85,14 @@ describe("navigation", () => { // TODO: Create test for navigating forward when user clicks Continue // and information entered is correct (no alerts) - // Will be implemented once navigation from page is complete + + // TODO: Create test for license-plate-question component emitting value when user clicks Continue + // and information entered is correct (no alerts) + // TODO: Create test for zip-question component emitting value when user clicks Continue + // and information entered is correct (no alerts) + + // *The above will be completed when navigation from page is complete (SSR-179) }); function setupMocks({ diff --git a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js b/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js deleted file mode 100644 index 4724124e..00000000 --- a/src/layouts/license-plate-lookup/license-plate-question/license-plate-question.spec.js +++ /dev/null @@ -1,3 +0,0 @@ -// TODO: Create test for component emitting value when user clicks Continue -// and information entered is correct (no alerts) -// Will be implemented once navigation from page is complete \ No newline at end of file diff --git a/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js b/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js deleted file mode 100644 index 4724124e..00000000 --- a/src/layouts/license-plate-lookup/zip-question/zip-question.spec.js +++ /dev/null @@ -1,3 +0,0 @@ -// TODO: Create test for component emitting value when user clicks Continue -// and information entered is correct (no alerts) -// Will be implemented once navigation from page is complete \ No newline at end of file