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();
+ });
+ });
});
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" />
+