CASH-151
CASH-151 Fix test
This commit is contained in:
parent
8123cae1a2
commit
69c706d80d
2 changed files with 19 additions and 9 deletions
|
|
@ -2,8 +2,10 @@
|
|||
<baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
|
||||
<div
|
||||
class="package-label"
|
||||
:class="[this.buttonLabelSubCopy ? 'has-subheader' : '',
|
||||
this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl']"
|
||||
:class="[
|
||||
this.buttonLabelSubCopy ? 'has-subheader' : '',
|
||||
this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl',
|
||||
]"
|
||||
for="testradio">
|
||||
<div class="package-specs">
|
||||
<div v-if="this.additionalButtonData.servicePackageDiscount" class="row">
|
||||
|
|
@ -18,8 +20,11 @@
|
|||
</div>
|
||||
<span class="col md-6 service-package-discount-pricing-by-day">
|
||||
<div>
|
||||
<span v-if="!isInsuranceSelected" class="caption pricing-by-day">as low as</span>
|
||||
<div class="strikethrough-discount-price"
|
||||
<span v-if="!isInsuranceSelected" class="caption pricing-by-day">
|
||||
as low as
|
||||
</span>
|
||||
<div
|
||||
class="strikethrough-discount-price"
|
||||
v-if="shouldDisplayStrikeThroughPrice"
|
||||
v-html="this.additionalButtonData.strikeThroughPrice"></div>
|
||||
<div class="discount-price" v-html="getDisplayPrice"></div>
|
||||
|
|
@ -30,7 +35,9 @@
|
|||
<p class="m-0">
|
||||
<span v-html="this.buttonLabel"></span>
|
||||
<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
|
||||
class="strikethrough-price"
|
||||
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
|
||||
If this experiment wins, move this to package-label ::before/::after below
|
||||
*/
|
||||
&:before {
|
||||
&:before {
|
||||
top: 15px;
|
||||
}
|
||||
&:after {
|
||||
|
|
@ -201,7 +208,7 @@ export default {
|
|||
}
|
||||
|
||||
+ .package-label.pricing-by-day-pkg-lbl-ins {
|
||||
&:before {
|
||||
&:before {
|
||||
top: 5px;
|
||||
}
|
||||
&:after {
|
||||
|
|
@ -370,7 +377,7 @@ export default {
|
|||
align-items: center;
|
||||
align-self: flex-start;
|
||||
div.strikethrough-discount-price {
|
||||
display:inline;
|
||||
display: inline;
|
||||
text-decoration: line-through;
|
||||
margin-right: 0.5rem;
|
||||
font-weight: 400;
|
||||
|
|
@ -384,7 +391,7 @@ export default {
|
|||
}
|
||||
div.discount-price {
|
||||
color: $green;
|
||||
display:inline;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,6 +29,9 @@ jest.mock("@/mixins/experiment-mixin.js", () => ({
|
|||
return true;
|
||||
}
|
||||
},
|
||||
hasSettingEqualTo(settingName, settingValue) {
|
||||
return true;
|
||||
},
|
||||
},
|
||||
}));
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue