Merge pull request #2321 from Safelite/CASH-132-add-experiment-settings

CASH-132 add experiment.

src/constants/experiments.js

@@ -19,6 +19,7 @@ const experimentSettings = {
     INSURANCE_TAB_TO_DISPLAY_THRESHOLD_EXTERNAL: "NextGen_ExternalInsuranceTabDisplayThreshold",
     DISPLAY_MSR: "DisplayMSR",
     PRICING_BY_DAY: "DisplayPricingByDay",
+    FOSTER_LOVE: "DisplayFosterLove",
 };
 
 const experimentTriggers = {

src/experiment-components/donation-block.vue

@@ -20,7 +20,9 @@
                         target="_blank" />
                 </div>
             </div>
-            <div class="px-4" :class="[showDonationSuccess ? 'hide-donation-block' : 'show-donation-block']">
+            <div
+                class="px-4"
+                :class="[showDonationSuccess ? 'hide-donation-block' : 'show-donation-block']">
                 <div class="row">
                     <div class="col-12">
                         <div class="donation-slider my-4">
@@ -31,9 +33,17 @@
                                 :value="donationValues[0]"
                                 checked />
                             <label for="one" class="label">$1</label>
-                            <input name="amount" id="three" type="radio" :value="donationValues[1]" />
+                            <input
+                                name="amount"
+                                id="three"
+                                type="radio"
+                                :value="donationValues[1]" />
                             <label for="three" class="label">$3</label>
-                            <input name="amount" id="five" type="radio" :value="donationValues[2]" />
+                            <input
+                                name="amount"
+                                id="five"
+                                type="radio"
+                                :value="donationValues[2]" />
                             <label for="five" class="label">$5</label>
                             <div class="indicator-bar"></div>
                         </div>

src/layouts/confirmation/confirmation.vue

@@ -64,7 +64,7 @@
                                 :isItac="isItac"
                                 :isNoComp="isNoComp" />
 
-                            <div class="mt-3">
+                            <div class="mt-3" v-if="displayFosterLove">
                                 <donationBlock
                                     cmsWidgetName="DonationWidget"
                                     v-model="donationAmount"
@@ -245,6 +245,12 @@ export default {
         };
     },
     computed: {
+        DisplayFosterLove() {
+            return experimentMixin.methods.hasSettingEqualTo(
+                experimentSettings.FOSTER_LOVE,
+                "true"
+            );
+        },
         isRecalibrationOnOrder() {
             return containsRecalParts(this?.lineItems);
         },