From 1371f9856bac70ea27b7a316c8c2faf6dc6599db Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 13 Mar 2024 13:41:01 -0400
Subject: [PATCH 1/2] display error message on failure

---
 src/layouts/payment-page/payment-page.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index 1ad52fd2..3c0c8913 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -12,6 +12,14 @@
                         alertClass="alert-danger"
                         :isDismissible="false"
                         @textLinkClicked="paymentFailedPayLater" />
+                    <alert
+                        v-if="displayPayInAdvanceAfterPayAlert"
+                        name="payInAdvanceAfterPayErrorAlert"
+                        class="my-4"
+                        cmsWidgetName="PayInAdvanceAfterpayErrorAlertWidget"
+                        alertClass="alert-danger"
+                        :isDismissible="false"
+                        @textLinkClicked="paymentFailedPayLater" />
 
                     <div id="card-container">
                         <iframe
@@ -537,6 +545,9 @@ export default {
         },
         displayPayInAdvanceCreditCardAlert() {
             return this.displayPayInAdvanceAlert(paymentMethods.CREDIT_CARD);
+        },
+        displayPayInAdvanceAfterPayAlert() {
+            return this.displayPayInAdvanceAlert(paymentMethods.AFTERPAY);
         }
     },
     methods:

From 3c6740e665d1a14879a84f9fbe8dafc61039ef00 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 13 Mar 2024 14:01:05 -0400
Subject: [PATCH 2/2] Add Test for Afterpay alert

---
 src/layouts/payment-page/payment-page.spec.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/layouts/payment-page/payment-page.spec.js b/src/layouts/payment-page/payment-page.spec.js
index 04d62db0..2e2f62ef 100644
--- a/src/layouts/payment-page/payment-page.spec.js
+++ b/src/layouts/payment-page/payment-page.spec.js
@@ -468,4 +468,21 @@ describe('payment-page.vue', () => {
             expect(creditCardErrorAlert.isVisible()).toBeTruthy();
         });
     });
+
+    describe('AfterPay Error Alert', () => {
+        test('show after pay error alert', () => {
+            // Arrange
+            const queryString = {
+                [queryStrings.DISPLAY_PAY_IN_ADVANCE_ALERT]: paymentMethods.AFTERPAY
+            };
+            const wrapper = setupMocks({ queryString });
+
+            // Act
+
+            // Assert
+            const afterPayErrorAlert = wrapper.find('[name="payInAdvanceAfterPayErrorAlert"]');
+            expect(afterPayErrorAlert.exists()).toBeTruthy();
+            expect(afterPayErrorAlert.isVisible()).toBeTruthy();
+        });
+    });
 });