diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index 5ef43ea39..dcaeba151 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -143,6 +143,7 @@ body .buttonContainer button { @media (hover: hover) { body .buttonContainer button { background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); + cursor: pointer; } } body .buttonContainer button:focus { diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index 2a87f1a3b..786d11834 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -151,6 +151,7 @@ body { height: 48px; @media (hover: hover) { background: linear-gradient(270deg, #1574a1 0%, #003d58 100%); + cursor: pointer; } &:focus { box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c; diff --git a/src/constants/experiments.js b/src/constants/experiments.js index eb7fed508..52017ce47 100644 --- a/src/constants/experiments.js +++ b/src/constants/experiments.js @@ -1,5 +1,6 @@ const experimentUniverses = { CONCEPT_FUNNEL: "ConceptFunnel", + RECAL_PRICE_REMOVAL: "NextGen_RecalPriceRemoval", }; const experimentSettings = { @@ -11,6 +12,7 @@ const experimentSettings = { SUBMIT_ORDER_ENABLE_PIA: "SubmitOrder_Enable_PIA", IS_EMAIL_OPTIONAL: "isEmailOptional", SERVICE_PACKAGE_DISCOUNT: "OfferServicePackageDiscount", + RECAL_PRICE_REMOVE: "RecalPriceRemove", }; const experimentTriggers = { diff --git a/src/constants/query-strings.js b/src/constants/query-strings.js index 4a5c47943..9fb379836 100644 --- a/src/constants/query-strings.js +++ b/src/constants/query-strings.js @@ -36,6 +36,7 @@ const queryStrings = { VIN_SELECTION: "vinselection", SERVICE_PACKAGE: "servicepackage", NUMBER_OF_CHIPS: "numberofchips", + LOG: "log", UTM_SOURCE: "_source", UTM_MEDIUM: "_medium", UTM_CAMPAIGN: "_campaign", diff --git a/src/digital-components/base-input-button/base-input-button.spec.js b/src/digital-components/base-input-button/base-input-button.spec.js index 507c1ec59..9b9585dd0 100644 --- a/src/digital-components/base-input-button/base-input-button.spec.js +++ b/src/digital-components/base-input-button/base-input-button.spec.js @@ -1123,42 +1123,6 @@ describe("baseInputButton.vue", () => { }); }); - describe("buttonId", () => { - test("groupName and value combo yield correct id for input button with string value", () => { - // Arrange/Act - const { wrapper } = setupMocks({ - mockData: { - propsData: { - groupName: "my test-name", - value: "Aaa-BBB CcC", - }, - }, - }); - - // Assert - const inputElement = wrapper.find("input"); - expect(wrapper.vm.buttonId).toBe("my-test-name-Aaa-BBB-CcC"); - expect(inputElement.attributes().id).toBe("my-test-name-Aaa-BBB-CcC"); - }); - - test("groupName and value combo yield correct id for input button with number value", () => { - // Arrange/Act - const { wrapper } = setupMocks({ - mockData: { - propsData: { - groupName: "my test-name", - value: 2, - }, - }, - }); - - // Assert - const inputElement = wrapper.find("input"); - expect(wrapper.vm.buttonId).toBe("my-test-name-2"); - expect(inputElement.attributes().id).toBe("my-test-name-2"); - }); - }); - describe("inputType", () => { test("isMultiSelect is true => inputType is 'checkbox'", () => { // Arrange/Act diff --git a/src/digital-components/base-input-button/base-input-button.vue b/src/digital-components/base-input-button/base-input-button.vue index e9b5e6411..a21233362 100644 --- a/src/digital-components/base-input-button/base-input-button.vue +++ b/src/digital-components/base-input-button/base-input-button.vue @@ -34,6 +34,7 @@ import { handleInputComponentBlur, } from "@/helpers/button-question-focus-helper"; import { inputButtonProps } from "@/digital-components/base-input-button/button-functionality-props"; +import { v4 as uuidv4 } from "uuid"; export default { name: "base-input-button", @@ -45,6 +46,7 @@ export default { data() { return { valueToEmit: null, + buttonId: uuidv4(), }; }, mounted() { @@ -153,11 +155,6 @@ export default { inputType() { return this.isMultiSelect ? "checkbox" : "radio"; }, - buttonId() { - return `${this.groupName?.replace(" ", "-")}-${this.value - ?.toString() - ?.replace(" ", "-")}`; - }, isValueSelectedOnClick() { return this.isMultiSelect || this.selectingInitiatesLoad; }, diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue index 9e5a43bd6..d0f4d6ed4 100644 --- a/src/fmg-components/cart/cart.vue +++ b/src/fmg-components/cart/cart.vue @@ -1,10 +1,9 @@