text for coverage statement copy waiting to show

This commit is contained in:
Bill Richardson 2026-02-18 16:10:37 -05:00
parent 4b4df0ec46
commit 37e3bbbeee
3 changed files with 20 additions and 4 deletions

View file

@ -5,6 +5,7 @@ Object {
"CANCEL_CLAIM_REF_NAME": "CancelClaimModal", "CANCEL_CLAIM_REF_NAME": "CancelClaimModal",
"RECAL_MODAL_REF_NAME": "RecalModal", "RECAL_MODAL_REF_NAME": "RecalModal",
"baseServiceLineItems": Array [], "baseServiceLineItems": Array [],
"isPageLoading": true,
"widget": Object { "widget": Object {
"disclaimerText": "DisclaimerWidget", "disclaimerText": "DisclaimerWidget",
"explanatoryText": "ExplanatoryTextWidget", "explanatoryText": "ExplanatoryTextWidget",

View file

@ -134,7 +134,10 @@ describe('coverageStatement.vue', () => {
}); });
test('Should render site subheader', () => { test('Should render site subheader', () => {
// Arrange // Arrange
const { wrapper } = getMountedComponent({}); const initialDataForTest = {
isPageLoading: false
};
const { wrapper } = getMountedComponent({}, initialDataForTest);
// Act // Act
const subheader = wrapper.find({ ref: 'siteSubHeader' }); const subheader = wrapper.find({ ref: 'siteSubHeader' });
@ -145,7 +148,10 @@ describe('coverageStatement.vue', () => {
test('Should render explanatory text', () => { test('Should render explanatory text', () => {
// Arrange // Arrange
const { wrapper } = getMountedComponent({}); const initialDataForTest = {
isPageLoading: false
};
const { wrapper } = getMountedComponent({}, initialDataForTest);
// Act // Act
const explanatoryText = wrapper.find({ ref: 'explanatoryText' }); const explanatoryText = wrapper.find({ ref: 'explanatoryText' });
@ -155,7 +161,10 @@ describe('coverageStatement.vue', () => {
}); });
test('Should render secondary text', () => { test('Should render secondary text', () => {
// Arrange // Arrange
const { wrapper } = getMountedComponent({}); const initialDataForTest = {
isPageLoading: false
};
const { wrapper } = getMountedComponent({}, initialDataForTest);
// Act // Act
const secondaryText = wrapper.find({ ref: 'secondaryText' }); const secondaryText = wrapper.find({ ref: 'secondaryText' });

View file

@ -10,7 +10,8 @@
cmsWidgetName="SiteHeaderWidget" /> cmsWidgetName="SiteHeaderWidget" />
</div> </div>
<div class="iss-heritage-container-width"> <div class="iss-heritage-container-width">
<div class="coverage-statement-container iss-heritage-content-container-width"> <div v-if="!isPageLoading"
class="coverage-statement-container iss-heritage-content-container-width">
<h5 <h5
ref="siteSubHeader" ref="siteSubHeader"
class="sub-header text-black" class="sub-header text-black"
@ -206,6 +207,7 @@ export default {
data() { data() {
return { return {
baseServiceLineItems: [], baseServiceLineItems: [],
isPageLoading: true,
widget: { widget: {
disclaimerText: 'DisclaimerWidget', disclaimerText: 'DisclaimerWidget',
subheader: 'SiteSubHeaderWidget', subheader: 'SiteSubHeaderWidget',
@ -347,6 +349,9 @@ export default {
} }
}, },
mounted() { mounted() {
if (this.isPageLoading) {
showIssLoadingModal(true);
}
setupModalLinks(this); setupModalLinks(this);
}, },
methods: { methods: {
@ -370,6 +375,7 @@ export default {
} }
showIssLoadingModal(false); showIssLoadingModal(false);
this.isPageLoading = false;
}, },
async getPricedParts() { async getPricedParts() {
const { glassParts, supportingItems } = this.mainStore.order.lineItems; const { glassParts, supportingItems } = this.mainStore.order.lineItems;