+
@@ -281,6 +280,25 @@ export default {
this.selectedProviderNumber = newProviders?.length === 1 ?? false
? newProviders[0]?.providerNumber ?? ''
: '';
+ },
+ selectedProviderNumber(newNumber) {
+ const provider = this.providers?.find((p) => p.providerNumber === newNumber);
+ if (provider) {
+ useMainStore().updateServiceLocation({
+ provider: {
+ providerNumber: provider?.providerNumber,
+ address: {
+ streetAddress: provider.address?.streetAddress,
+ city: provider.address?.city,
+ state: provider.address?.state,
+ zipCode: provider.address?.zipCode,
+ zipCodeCtu: provider.address?.zipCodeCtu
+ },
+ companyName: provider?.companyName,
+ phoneNumber: provider?.phoneNumber
+ }
+ });
+ }
}
},
beforeUpdate() {
@@ -373,10 +391,6 @@ export default {
diff --git a/src/layouts/tpa-submit/review-block/review-block.spec.js b/src/layouts/tpa-submit/review-block/review-block.spec.js
new file mode 100644
index 00000000..82f3c4e5
--- /dev/null
+++ b/src/layouts/tpa-submit/review-block/review-block.spec.js
@@ -0,0 +1,56 @@
+import { shallowMount } from '@vue/test-utils';
+import ReviewBlock from '@/layouts/tpa-submit/review-block/review-block.vue';
+
+describe('ReviewBlock.vue', () => {
+ let wrapper;
+ const lines = ['Line 1', 'Line 2', 'Line 3'];
+
+ beforeEach(() => {
+ wrapper = shallowMount(ReviewBlock, {
+ propsData: {
+ customHeaderText: 'Test Header',
+ lines
+ }
+ });
+ });
+
+ it('renders the correct header text', () => {
+ const headerElement = wrapper.find('.review-block__header');
+ expect(headerElement.text()).toBe('Test Header');
+ });
+
+ it('renders the correct number of lines', () => {
+ const lineElements = wrapper.findAll('.review-block__body--line');
+ expect(lineElements.length).toBe(lines.length);
+ });
+
+ it('renders the correct line text', () => {
+ const lineElements = wrapper.findAll('.review-block__body--line');
+ lines.forEach((line, index) => {
+ expect(lineElements.at(index).text()).toBe(line);
+ });
+ });
+
+ it('updates the header text when prop changes', async () => {
+ await wrapper.setProps({ customHeaderText: 'New Header' });
+ const headerElement = wrapper.find('.review-block__header');
+ expect(headerElement.text()).toBe('New Header');
+ });
+
+ it('emits an event when the edit link is clicked', async () => {
+ const linkElement = wrapper.findComponent({ name: 'textLink' });
+ await linkElement.vm.$emit('clickEvent');
+ expect(wrapper.emitted('click-edit')).toBeTruthy();
+ });
+
+ it('renders correctly with no lines', () => {
+ wrapper = shallowMount(ReviewBlock, {
+ propsData: {
+ customHeaderText: 'Test Header',
+ lines: []
+ }
+ });
+ const lineElements = wrapper.findAll('.review-block__body--line');
+ expect(lineElements.length).toBe(0);
+ });
+});
diff --git a/src/layouts/tpa-submit/review-block/review-block.vue b/src/layouts/tpa-submit/review-block/review-block.vue
new file mode 100644
index 00000000..5d13e48f
--- /dev/null
+++ b/src/layouts/tpa-submit/review-block/review-block.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ {{ screenReaderOnlyText }}
+
+
+
+
+ {{ line }}
+
+
+
+
+
+
diff --git a/src/layouts/tpa-submit/tpa-submit.spec.js b/src/layouts/tpa-submit/tpa-submit.spec.js
new file mode 100644
index 00000000..7b326679
--- /dev/null
+++ b/src/layouts/tpa-submit/tpa-submit.spec.js
@@ -0,0 +1,766 @@
+// Components
+import { shallowMount } from '@vue/test-utils';
+import { createTestingPinia } from '@pinia/testing';
+import tpaSubmit from '@/layouts/tpa-submit/tpa-submit.vue';
+
+// Supporting Files
+import { getMountOptions } from '@/helpers/unit-test-helper.js';
+import { useMainStore } from '@/store';
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import settleAllPromises from '@/helpers/layout-helper.js';
+import widgetFields from '@/constants/cms-widget-fields.js';
+
+// Mock fetchCmsContentForPage
+jest.mock('@/helpers/cms-content-helper', () => ({
+ fetchCmsContentForPage: jest.fn(),
+ doesCopyContainRouterLink: jest.fn(),
+ getStringWithCustomValues: jest.fn(),
+ processIfStatements: jest.fn()
+}));
+
+jest.mock('@/helpers/text-helper.js', () => ({
+ formatAddress: jest.fn(),
+ toDisplayPhoneNumber: jest.fn(),
+ formatAmountInDollars: jest.fn(),
+ toTitleCase: jest.fn()
+}));
+
+// Mock our module for promises.
+jest.mock('@/helpers/layout-helper.js', () => jest.fn());
+
+function getMountedComponent(mainInitialState = {}, initialData = {}, methodToRunAfterInitializingStore = () => {}) {
+ const mountOptions = getMountOptions({
+ router: {
+ navigate: jest.fn()
+ }
+ });
+
+ const testingPinia = createTestingPinia({
+ initialState: {
+ main: mainInitialState
+ }
+ });
+ useMainStore(testingPinia);
+ methodToRunAfterInitializingStore();
+
+ mountOptions.global.plugins = [testingPinia];
+ mountOptions.data = () => (initialData);
+
+ const apiResponses = { cmsContent: {} };
+
+ settleAllPromises.mockImplementation(() => apiResponses);
+ fetchCmsContentForPage.mockImplementation(() => Promise.resolve());
+
+ const wrapper = shallowMount(tpaSubmit, mountOptions);
+ wrapper.vm.getCmsContent = jest.fn().mockImplementation(() => {});
+ wrapper.vm.setCmsContent = jest.fn();
+ return { wrapper };
+}
+
+describe('tpa-submit', () => {
+ test('returns the initial data', () => {
+ // Arrange
+ const companyName = 'Frederick Jones';
+ const mainInitialState = {
+ order: {
+ serviceLocation: {
+ provider: { companyName }
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(mainInitialState);
+
+ // Assert
+ expect(wrapper.vm.$data).toMatchSnapshot();
+ });
+ describe('should render', () => {
+ test('tpa submit form', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const form = wrapper.findComponent({ ref: 'tpaSubmitFormRef' });
+
+ // Assert
+ expect(form.exists()).toBeTruthy();
+ expect(form.classes()).toContain('tpa-submit');
+ });
+ test('site header', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+ const expectedWidgetName = 'SiteHeaderWidget';
+
+ // Act
+ const siteHeader = wrapper.findComponent({ ref: 'siteHeader' });
+
+ // Assert
+ expect(siteHeader.exists()).toBeTruthy();
+ expect(siteHeader.props().cmsWidgetName).toBe(expectedWidgetName);
+ });
+ test('vehicle banner', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+ const expectedWidgetName = 'VehicleBannerWidget';
+
+ // Act
+ const vehicleBanner = wrapper.findComponent({ ref: 'vehicleBanner' });
+
+ // Assert
+ expect(vehicleBanner.exists()).toBeTruthy();
+ expect(vehicleBanner.props().cmsWidgetName).toBe(expectedWidgetName);
+ expect(vehicleBanner.props().displayGenericVehicleImage).toBe(false);
+ expect(vehicleBanner.classes()).toContain('mt-5');
+ });
+ test('sub header', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const subHeader = wrapper.findComponent({ ref: 'subHeaderTitle' });
+
+ // Assert
+ expect(subHeader.exists()).toBeTruthy();
+ expect(subHeader.props().justifyText).toBe('center');
+ expect(subHeader.props().marginTopSizeOverride).toBe(4);
+ expect(subHeader.classes()).toContain('text-color--black');
+ expect(subHeader.classes()).toContain('fs-5');
+ expect(subHeader.classes()).toContain('tpa-submit__title--line-height');
+ });
+ test('sub header body one', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const subHeaderBodyOne = wrapper.findComponent({ ref: 'tpaSubmitSubHeaderBodyOne' });
+
+ // Assert
+ expect(subHeaderBodyOne.exists()).toBeTruthy();
+ expect(subHeaderBodyOne.classes()).toContain('small');
+ expect(subHeaderBodyOne.classes()).toContain('text-color--darker-gray');
+ });
+ test('sub header body two', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const subHeaderBodyTwo = wrapper.findComponent({ ref: 'tpaSubmitSubHeaderBodyTwo' });
+
+ // Assert
+ expect(subHeaderBodyTwo.exists()).toBeTruthy();
+ expect(subHeaderBodyTwo.classes()).toContain('mb-4');
+ expect(subHeaderBodyTwo.classes()).toContain('small');
+ expect(subHeaderBodyTwo.classes()).toContain('text-color--darker-gray');
+ });
+ test('main button one', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const mainButton = wrapper.findComponent({ ref: 'buttonMainOne' });
+
+ // Assert
+ expect(mainButton.exists()).toBeTruthy();
+ expect(mainButton.props().isPrimary).toBe(true);
+ expect(mainButton.props().loaderColor).toBe('white');
+ expect(mainButton.classes()).toContain('w-100');
+ expect(mainButton.classes()).toContain('mb-5');
+ });
+ test('service summary section', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const serviceSummarySection = wrapper.find('#serviceSummarySection');
+
+ // Assert
+ expect(serviceSummarySection.exists()).toBeTruthy();
+ });
+ test('service summary title', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const serviceSummaryTitle = wrapper.findComponent({ ref: 'tpaSubmitServiceSummaryTitle' });
+
+ // Assert
+ expect(serviceSummaryTitle.exists()).toBeTruthy();
+ expect(serviceSummaryTitle.props().marginTopSizeOverride).toBe(4);
+ expect(serviceSummaryTitle.classes()).toContain('fw-bold');
+ expect(serviceSummaryTitle.classes()).toContain('fs-1');
+ expect(serviceSummaryTitle.classes()).toContain('lh-lg');
+ expect(serviceSummaryTitle.classes()).toContain('text-color--black');
+ });
+ describe('review blocks', () => {
+ const title1 = 'Section 1';
+ const title2 = 'Another Section';
+ const lines1 = ['apple', 'banana', 'cherry'];
+ const lines2 = ['soccer', 'golf'];
+ const sections = [
+ {
+ title: title1,
+ lines: lines1,
+ onClickEdit: () => {}
+ },
+ {
+ title: title2,
+ lines: lines2,
+ onClickEdit: () => {}
+ }
+ ];
+ const initialData = { sections };
+ const { wrapper } = getMountedComponent({}, initialData);
+ test.each([
+ [0, true, title1, lines1],
+ [1, true, title2, lines2],
+ [2, false, null, null],
+ [-1, false, null, null]
+ ])('section %p exists value is %p with header text %p and lines %p', (index, exists, headerText, lines) => {
+ // Act
+ const reviewBlocks = wrapper.findComponent(`#review-block-${index}`);
+
+ // Assert
+ expect(reviewBlocks.exists()).toBe(exists);
+ if (exists) {
+ expect(reviewBlocks.props().customHeaderText).toBe(headerText);
+ expect(reviewBlocks.props().lines).toStrictEqual(lines);
+ }
+ });
+ });
+ test('submit order details section', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const submitOrderDetailsSection = wrapper.find({ ref: 'submitOrderDetailsSection' });
+
+ // Assert
+ expect(submitOrderDetailsSection.exists()).toBeTruthy();
+ });
+ test('submit order details title', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const submitOrderDetailsTitle = wrapper.findComponent({ ref: 'tpaSubmitOrderDetailsTitle' });
+
+ // Assert
+ expect(submitOrderDetailsTitle.exists()).toBeTruthy();
+ expect(submitOrderDetailsTitle.props().marginTopSizeOverride).toBe(4);
+ expect(submitOrderDetailsTitle.classes()).toContain('fw-bold');
+ expect(submitOrderDetailsTitle.classes()).toContain('text-color--black');
+ });
+ test('submit order details body', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const submitOrderDetailsTitle = wrapper.findComponent({ ref: 'tpaSubmitOrderDetailsBody' });
+
+ // Assert
+ expect(submitOrderDetailsTitle.exists()).toBeTruthy();
+ expect(submitOrderDetailsTitle.props().marginTopSizeOverride).toBe(4);
+ expect(submitOrderDetailsTitle.classes()).toContain('mb-4');
+ expect(submitOrderDetailsTitle.classes()).toContain('px-4');
+ expect(submitOrderDetailsTitle.classes()).toContain('small');
+ expect(submitOrderDetailsTitle.classes()).toContain('text-color--darker-gray');
+ });
+ test('deductible box', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const deductibleBox = wrapper.findComponent({ ref: 'deductibleBox' });
+
+ // Assert
+ expect(deductibleBox.exists()).toBeTruthy();
+ });
+ test('site footer', () => {
+ // Arrange
+ const wrapper = shallowMount(tpaSubmit, getMountOptions());
+
+ // Act
+ const siteFooter = wrapper.findComponent({ ref: 'siteFooter' });
+
+ // Assert
+ expect(siteFooter.exists()).toBeTruthy();
+ expect(siteFooter.props().cmsWidgetName).toBe('SiteFooterWidget');
+ expect(siteFooter.classes()).toContain('mt-5');
+ });
+ });
+ describe('before route enter', () => {
+ test('produces 4 sections', async () => {
+ // Arrange
+ const { wrapper } = getMountedComponent();
+ expect(wrapper.vm.sections.length).toBe(0);
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ expect(wrapper.vm.sections.length).toBe(4);
+ });
+ test.each([
+ ['2004', 'Honda', 'Civic', '2004 Honda Civic'],
+ [null, 'Honda', 'Civic', 'Honda Civic'],
+ ['2004', '', 'Civic', '2004 Civic'],
+ ['2004', 'Honda', null, '2004 Honda'],
+ ['2004', null, undefined, '2004'],
+ [null, null, null, '']
+ ])(
+ 'when store vehicle has year %p, make %p, and model %p, has line %p',
+ async (year, make, model, line) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ vehicle: { year, make, model }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const vehicleSectionIndex = 0;
+ const expectedLines = [line];
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const vehicleSection = wrapper.vm.sections[vehicleSectionIndex];
+ expect(vehicleSection.lines).toStrictEqual(expectedLines);
+ }
+ );
+ test.each([
+ ['Apple sauce', 'Apple sauce'],
+ ['', ''],
+ ['', undefined],
+ ['', null]
+ ])(
+ 'damage line is %p when store damage is %p',
+ async (damageLine, storeDamage) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ policy: { damageCause: storeDamage }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const damageSectionIndex = 1;
+ const expectedLines = [damageLine];
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const damageSection = wrapper.vm.sections[damageSectionIndex];
+ expect(damageSection.lines).toStrictEqual(expectedLines);
+ }
+ );
+ describe('preferred shop section', () => {
+ test('has three lines', async () => {
+ // Arrange
+ const { wrapper } = getMountedComponent();
+ const preferredShopSectionIndex = 2;
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const preferredShopSection = wrapper.vm.sections[preferredShopSectionIndex];
+ expect(preferredShopSection.lines.length).toBe(3);
+ });
+ test.each([
+ ['some value', 'some value'],
+ ['', ''],
+ ['', null],
+ ['', undefined]
+ ])('first line is %p when company name is %p', async (line, companyName) => {
+ // Arrange
+ const initialData = { companyName };
+ const { wrapper } = getMountedComponent({}, initialData);
+ const preferredShopSectionIndex = 2;
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const preferredShopSection = wrapper.vm.sections[preferredShopSectionIndex];
+ expect(preferredShopSection.lines[0]).toBe(line);
+ });
+ test('second line is expected and formatAddress called', async () => {
+ // Arrange
+ const address = {
+ streetAddress: '123 South Ln',
+ city: 'Oneida',
+ state: 'FL',
+ zipCode: '78226'
+ };
+ const initialStore = {
+ order: {
+ serviceLocation: {
+ provider: { address }
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const line = 'some returned line';
+ wrapper.vm.formatAddress = jest.fn().mockImplementationOnce(() => line);
+ const preferredShopSectionIndex = 2;
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const preferredShopSection = wrapper.vm.sections[preferredShopSectionIndex];
+ expect(preferredShopSection.lines[1]).toBe(line);
+ expect(wrapper.vm.formatAddress).toHaveBeenCalledTimes(1);
+ expect(wrapper.vm.formatAddress).toHaveBeenCalledWith(
+ address.streetAddress,
+ null,
+ address.city,
+ address.state,
+ address.zipCode
+ );
+ });
+ test('third line is expected and toDisplayPhoneNumber called', async () => {
+ // Arrange
+ const phoneNumber = '9998887777';
+ const initialStore = {
+ order: {
+ serviceLocation: {
+ provider: { phoneNumber }
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const expectedLine = 'returned from to display phone num';
+ wrapper.vm.toDisplayPhoneNumber = jest.fn().mockImplementationOnce(() => expectedLine);
+ const preferredShopSectionIndex = 2;
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const preferredShopSection = wrapper.vm.sections[preferredShopSectionIndex];
+ expect(preferredShopSection.lines[2]).toBe(expectedLine);
+ expect(wrapper.vm.toDisplayPhoneNumber).toHaveBeenCalledWith(phoneNumber);
+ });
+ });
+ test('contact info section has expected content', async () => {
+ // Arrange
+ const firstName = 'Jones';
+ const lastName = 'Eddison';
+ const emailAddress = 'myname@gmail.com';
+ const phoneNumber = '0001112222';
+ const initialStore = {
+ order: {
+ contactInfo: {
+ firstName,
+ lastName,
+ emailAddress,
+ phoneNumber
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const expectedLine1 = 'Jones Eddison';
+ const expectedLine2 = emailAddress;
+ const expectedLine3 = 'some value returned';
+ wrapper.vm.toDisplayPhoneNumber = jest.fn().mockImplementation((number) => (number === phoneNumber ? expectedLine3 : ''));
+ const contactInfoSectionIndex = 3;
+
+ // Act
+ await tpaSubmit.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { issPage: 'tpa-submit' } },
+ undefined,
+ (c) => c(wrapper.vm)
+ );
+
+ // Assert
+ const contactInfoSection = wrapper.vm.sections[contactInfoSectionIndex];
+ expect(contactInfoSection.lines[0]).toBe(expectedLine1);
+ expect(contactInfoSection.lines[1]).toBe(expectedLine2);
+ expect(contactInfoSection.lines[2]).toBe(expectedLine3);
+ expect(wrapper.vm.toDisplayPhoneNumber).toHaveBeenCalledWith(phoneNumber);
+ });
+ });
+ describe('computed', () => {
+ test.each([
+ ['subHeaderTitle', 'SiteSubHeaderWidget', widgetFields.CONTENT_GROUP_WIDGET.HEADER_TEXT, 'site sub header'],
+ ['subHeaderBodyOne', 'SiteSubHeaderWidget', widgetFields.CONTENT_GROUP_WIDGET.BODY_TEXT, 'sub header body one'],
+ ['serviceSummaryText', 'ServiceSummaryContent', widgetFields.TEXT_BLOCK_WIDGET.TEXT, 'service summary text'],
+ ['orderDetailsTitle', 'OrderDetailsContent', widgetFields.CONTENT_GROUP_WIDGET.HEADER_TEXT, 'order details title'],
+ ['forwardButtonText', 'SiteFooterWidget', widgetFields.FOOTER_WIDGET.FORWARD_BUTTON_TEXT, 'forward button text']
+ ])('computed %p returns expected value', (computedName, widgetLabel, fieldLabel, expected) => {
+ // Arrange
+ const mountOptions = getMountOptions();
+ mountOptions.mixins = [{
+ methods: {
+ getCmsContent: jest.fn().mockImplementation((widget, field) =>
+ (widget === widgetLabel && field === fieldLabel ? expected : ''))
+ }
+ }];
+ const wrapper = shallowMount(tpaSubmit, mountOptions);
+
+ // Act
+ const result = wrapper.vm[computedName];
+
+ // Assert
+ expect(result).toEqual(expected);
+ });
+ test.each([
+ [true, true],
+ [false, false]
+ ])('isVerified returns %p when store value %p', (expected, storeValue) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified: storeValue }
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+
+ // Assert
+ expect(wrapper.vm.isVerified).toBe(expected);
+ });
+ test.each([
+ [5, 5],
+ [-1, -1],
+ [0, 0],
+ [null, null],
+ [undefined, undefined]
+ ])('currentDeductible returns %p when store value %p', (expected, storeValue) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ currentDeductible: storeValue
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+
+ // Assert
+ expect(wrapper.vm.currentDeductible).toBe(expected);
+ });
+ describe('deductible box value', () => {
+ test('returns "Verifying coverage" when isVerified false', () => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified: false }
+ }
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const expected = 'Verifying coverage';
+
+ // Assert
+ expect(wrapper.vm.deductibleBoxValue).toBe(expected);
+ });
+ test('returns in dollars response when isVerified true', () => {
+ // Arrange
+ const currentDeductible = '123094';
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified: true }
+ },
+ currentDeductible
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const notExpected = 'Verifying coverage';
+
+ // Assert
+ expect(wrapper.vm.deductibleBoxValue).not.toBe(notExpected);
+ });
+ });
+ });
+ describe('methods', () => {
+ describe('getCustomValueFromString', () => {
+ describe('with argument deductibleAboveZero', () => {
+ test.each([
+ [false],
+ [true]
+ ])(
+ 'returns false when isVerified %p and currentDeductible is zero',
+ (isVerified) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified }
+ },
+ currentDeductible: 0
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'deductibleAboveZero';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(false);
+ }
+ );
+ test.each([
+ [true, true],
+ [false, false]
+ ])(
+ 'returns %p when isVerified %p and currentDeductible is not zero',
+ (expected, isVerified) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified }
+ },
+ currentDeductible: 10
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'deductibleAboveZero';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(expected);
+ }
+ );
+ });
+ describe('with argument zeroDeductible', () => {
+ test.each([
+ [true, true],
+ [false, false]
+ ])(
+ 'returns %p when isVerified is %p currentDeductible is zero',
+ (expected, isVerified) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified }
+ },
+ currentDeductible: 0
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'zeroDeductible';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(expected);
+ }
+ );
+ test.each([
+ [false],
+ [true]
+ ])(
+ 'returns false when isVerified is %p currentDeductible is not zero',
+ (isVerified) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified }
+ },
+ currentDeductible: 76
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'zeroDeductible';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(false);
+ }
+ );
+ });
+ test.each([
+ [true, false],
+ [false, true]
+ ])(
+ 'with argument verifyingCoverage returns %p when isVerified %p',
+ (expected, isVerified) => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified }
+ },
+ currentDeductible: 26
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'verifyingCoverage';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(expected);
+ }
+ );
+ test('with unknown argument returns null', () => {
+ // Arrange
+ const initialStore = {
+ order: {
+ payment: {
+ insuranceCoverage: { isVerified: true }
+ },
+ currentDeductible: 26
+ }
+ };
+ const { wrapper } = getMountedComponent(initialStore);
+ const argument = 'some random string';
+
+ // Act
+ const result = wrapper.vm.getCustomValueFromString(argument);
+
+ // Assert
+ expect(result).toBe(null);
+ });
+ });
+ });
+});
diff --git a/src/layouts/tpa-submit/tpa-submit.vue b/src/layouts/tpa-submit/tpa-submit.vue
index 9c14ab78..58fbff05 100644
--- a/src/layouts/tpa-submit/tpa-submit.vue
+++ b/src/layouts/tpa-submit/tpa-submit.vue
@@ -1,20 +1,92 @@