diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.spec.js b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.spec.js index fe42a73d0..83bf0a02e 100644 --- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.spec.js +++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.spec.js @@ -18,21 +18,6 @@ describe("service-package-radio.vue", () => { expect(outputHtml).toEqual(expect.stringContaining(mockProps["buttonLabel"])); }); - it("Should include buttonLabelAuxillaryCopy in html", async () => { - // Arrange - let { wrapper } = setupMocks({ - mountOptionsMockData: { - propsData: mockProps, - }, - }); - - // Act - const outputHtml = wrapper.html(); - - // Assert - expect(outputHtml).toEqual(expect.stringContaining(mockProps["buttonLabelAuxillaryCopy"])); - }); - it("Should include buttonLabelSubCopy in html", async () => { // Arrange let { wrapper } = setupMocks({ @@ -123,7 +108,11 @@ const mockProps = { "", buttonFooterCopy: "buttonFooterCopy test copy", buttonAuxillaryCopy: "buttonAuxillaryCopy test copy", - additionalButtonData: { strikeThroughPrice: "strikeThroughPrice test copy" }, + additionalButtonData: { + strikeThroughPrice: "strikeThroughPrice test copy", + servicePackageDiscount: true, + Text: "Special save", + }, }; function setupMocks({ mountOptionsMockData = {} }) { diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue index fbae237ca..b355bbb32 100644 --- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue +++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue @@ -139,8 +139,8 @@ export default { .discount-text { line-height: 36px; display: flex; - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-right-radius: 0.5rem; + border-top-left-radius: 0.5rem; background-color: #469d2a; align-items: center; justify-content: center; @@ -179,7 +179,7 @@ export default { min-height: 80px; } &.has-text { - border-radius: 0; + border-radius: 0 0 0.5rem 0.5rem; border: 1px solid #469d2a !important; }