jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-151

Browse source 
CASH-151 Fix test
This commit is contained in:
CarlNation 2025-02-17 05:59:37 -05:00
parent 8123cae1a2
commit 69c706d80d
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/experiment-components/service-package-radio.vue
View file

@ -2,8 +2,10 @@
<baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue"> <baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
<div <div
class="package-label" class="package-label"
:class="[this.buttonLabelSubCopy ? 'has-subheader' : '', :class="[
this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl']" this.buttonLabelSubCopy ? 'has-subheader' : '',
this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl',
]"
for="testradio"> for="testradio">
<div class="package-specs"> <div class="package-specs">
<div v-if="this.additionalButtonData.servicePackageDiscount" class="row"> <div v-if="this.additionalButtonData.servicePackageDiscount" class="row">
@ -18,8 +20,11 @@
</div> </div>
<span class="col md-6 service-package-discount-pricing-by-day"> <span class="col md-6 service-package-discount-pricing-by-day">
<div> <div>
<span v-if="!isInsuranceSelected" class="caption pricing-by-day">as low as</span> <span v-if="!isInsuranceSelected" class="caption pricing-by-day">
<div class="strikethrough-discount-price" as low as
</span>
<div
class="strikethrough-discount-price"
v-if="shouldDisplayStrikeThroughPrice" v-if="shouldDisplayStrikeThroughPrice"
v-html="this.additionalButtonData.strikeThroughPrice"></div> v-html="this.additionalButtonData.strikeThroughPrice"></div>
<div class="discount-price" v-html="getDisplayPrice"></div> <div class="discount-price" v-html="getDisplayPrice"></div>
@ -30,7 +35,9 @@
<p class="m-0"> <p class="m-0">
<span v-html="this.buttonLabel"></span> <span v-html="this.buttonLabel"></span>
<span class="pricing-info-pricing-by-day"> <span class="pricing-info-pricing-by-day">
<span v-if="!isInsuranceSelected" class="caption pricing-by-day">as low as</span> <span v-if="!isInsuranceSelected" class="caption pricing-by-day">
as low as
</span>
<span <span
class="strikethrough-price" class="strikethrough-price"
v-if="shouldDisplayStrikeThroughPrice" v-if="shouldDisplayStrikeThroughPrice"
@ -192,7 +199,7 @@ export default {
version of the component. So added a more specific selector for the parts I want to change version of the component. So added a more specific selector for the parts I want to change
If this experiment wins, move this to package-label ::before/::after below If this experiment wins, move this to package-label ::before/::after below
*/ */
&:before { &:before {
top: 15px; top: 15px;
} }
&:after { &:after {
@ -201,7 +208,7 @@ export default {
} }
+ .package-label.pricing-by-day-pkg-lbl-ins { + .package-label.pricing-by-day-pkg-lbl-ins {
&:before { &:before {
top: 5px; top: 5px;
} }
&:after { &:after {
@ -370,7 +377,7 @@ export default {
align-items: center; align-items: center;
align-self: flex-start; align-self: flex-start;
div.strikethrough-discount-price { div.strikethrough-discount-price {
display:inline; display: inline;
text-decoration: line-through; text-decoration: line-through;
margin-right: 0.5rem; margin-right: 0.5rem;
font-weight: 400; font-weight: 400;
@ -384,7 +391,7 @@ export default {
} }
div.discount-price { div.discount-price {
color: $green; color: $green;
display:inline; display: inline;
} }
} }
} }

3
src/layouts/quote/service-package-question/service-package-question.spec.js
View file

@ -29,6 +29,9 @@ jest.mock("@/mixins/experiment-mixin.js", () => ({
return true; return true;
} }
}, },
hasSettingEqualTo(settingName, settingValue) {
return true;
},
}, },
})); }));