diff --git a/src/layouts/tpa-search/tpa-search.spec.js b/src/layouts/tpa-search/tpa-search.spec.js
index 9c7ce0ed..f3ff67e0 100644
--- a/src/layouts/tpa-search/tpa-search.spec.js
+++ b/src/layouts/tpa-search/tpa-search.spec.js
@@ -840,7 +840,7 @@ describe('TPA search page', () => {
                 expect(wrapper.vm.selectedProviderNumber).toBe('');
             });
         });
-        describe.only('selectedProviderNumber', () => {
+        describe('selectedProviderNumber', () => {
             describe('does not call updateServiceLocation when', () => {
                 test('providers list is null ', () => {
                     // Arrange
diff --git a/src/layouts/tpa-submit/tpa-submit.spec.js b/src/layouts/tpa-submit/tpa-submit.spec.js
index 9ed7c5b2..7b326679 100644
--- a/src/layouts/tpa-submit/tpa-submit.spec.js
+++ b/src/layouts/tpa-submit/tpa-submit.spec.js
@@ -1,3 +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('', () => {});
+    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 35cd1e96..5c272f36 100644
--- a/src/layouts/tpa-submit/tpa-submit.vue
+++ b/src/layouts/tpa-submit/tpa-submit.vue
@@ -17,20 +17,23 @@
                         :displayGenericVehicleImage="false"
                         class="mt-5" /> <!-- TODO fix styling -->
                     <textBlock
+                        ref="subHeaderTitle"
                         :customText="subHeaderTitle"
                         justifyText="center"
                         :marginTopSizeOverride="4"
                         class="text-color--black fs-5 tpa-submit__title--line-height" />
                     <textBlock
                         id="tpaSubmitSubHeaderBodyOne"
+                        ref="tpaSubmitSubHeaderBodyOne"
                         :customText="subHeaderBodyOne"
                         class="small text-color--darker-gray" />
                     <textBlock
                         id="tpaSubmitSubHeaderBodyTwo"
+                        ref="tpaSubmitSubHeaderBodyTwo"
                         :customText="subHeaderBodyTwo"
                         class="mb-4 small text-color--darker-gray" />
                     <buttonMain
-                        ref="buttonMain"
+                        ref="buttonMainOne"
                         isPrimary
                         :buttonText="forwardButtonText"
                         loaderColor="white"
@@ -40,6 +43,7 @@
                     <div id="serviceSummarySection">
                         <textBlock
                             id="tpaSubmitServiceSummaryTitle"
+                            ref="tpaSubmitServiceSummaryTitle"
                             :customText="serviceSummaryText"
                             :marginTopSizeOverride="4"
                             class="fw-bold fs-1 lh-lg text-color--black" />
@@ -59,18 +63,22 @@
                         </div>
                     </div>
                     <hr class="mb-0" />
-                    <div id="submitOrderDetailsSection">
+                    <div
+                        id="submitOrderDetailsSection"
+                        ref="submitOrderDetailsSection">
                         <textBlock
                             id="tpaSubmitOrderDetailsTitle"
+                            ref="tpaSubmitOrderDetailsTitle"
                             :customText="orderDetailsTitle"
                             :marginTopSizeOverride="4"
                             class="fw-bold text-color--black" />
                         <textBlock
                             id="tpaSubmitOrderDetailsBody"
+                            ref="tpaSubmitOrderDetailsBody"
                             :customText="orderDetailsBody"
                             :marginTopSizeOverride="4"
                             class="mb-4 px-4 small text-color--darker-gray" />
-                        <deductibleBox :value="deductibleBoxValue" />
+                        <deductibleBox ref="deductibleBox" :value="deductibleBoxValue" />
                     </div>
                     <siteFooter
                         ref="siteFooter"
@@ -170,6 +178,9 @@ export default {
             const orderDetailsBodyText = this.getCmsContent(this.widget.orderDetails, widgetFields.CONTENT_GROUP_WIDGET.BODY_TEXT);
             return this.processIfStatements(orderDetailsBodyText, 'custom', this.getCustomValueFromString);
         },
+        forwardButtonText() {
+            return this.getCmsContent(this.widget.footer, widgetFields.FOOTER_WIDGET.FORWARD_BUTTON_TEXT);
+        },
         isVerified() {
             return useMainStore().order.payment.insuranceCoverage.isVerified;
         },
@@ -179,28 +190,28 @@ export default {
         deductibleBoxValue() {
             return this.isVerified ? this.formatAmountInDollars(this.currentDeductible) : VERIFYING_COVERAGE;
         },
-        forwardButtonText() {
-            return this.getCmsContent(this.widget.footer, widgetFields.FOOTER_WIDGET.FORWARD_BUTTON_TEXT);
-        },
         getVehicleLines() {
             const { year, make, model } = useMainStore().order.vehicle;
-            return [`${year} ${make} ${model}`];
+            const line = [year, make, model]
+                .filter((v) => v != null && v !== '')
+                .join(' ');
+            return [line];
         },
         getDamageLines() {
-            return [useMainStore().order.policy.damageCause];
+            return [useMainStore().order.policy.damageCause ?? ''];
         },
         getPreferredShopLines() {
             const { phoneNumber, address } = useMainStore().order.serviceLocation.provider;
             const { streetAddress, city, state, zipCode } = address;
             const displayAddress = this.formatAddress(streetAddress, null, city, state, zipCode);
             const displayPhoneNumber = this.toDisplayPhoneNumber(phoneNumber);
-            return [this.companyName, displayAddress, displayPhoneNumber];
+            return [this.companyName ?? '', displayAddress, displayPhoneNumber];
         },
         getContactInfoLines() {
             const { firstName, lastName, emailAddress, phoneNumber } = useMainStore().order.contactInfo;
             return [
                 `${firstName} ${lastName}`,
-                emailAddress,
+                emailAddress ?? '',
                 this.toDisplayPhoneNumber(phoneNumber)
             ];
         }