From f24668080b0c38cf64e883d824bb0baa4563adfd Mon Sep 17 00:00:00 2001
From: Matt Caimi <matt.caimi@safelite.com>
Date: Fri, 8 Mar 2024 16:35:30 -0500
Subject: [PATCH] SSR-1081 changed ref to name for unit test

---
 src/layouts/payment-page/payment-page.spec.js | 2 +-
 src/layouts/payment-page/payment-page.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/payment-page/payment-page.spec.js b/src/layouts/payment-page/payment-page.spec.js
index 1a4fcb80..04d62db0 100644
--- a/src/layouts/payment-page/payment-page.spec.js
+++ b/src/layouts/payment-page/payment-page.spec.js
@@ -463,7 +463,7 @@ describe('payment-page.vue', () => {
             // Act
 
             // Assert
-            const creditCardErrorAlert = wrapper.findComponent({ ref: 'payInAdvanceCreditCardErrorAlert' });
+            const creditCardErrorAlert = wrapper.find('[name="payInAdvanceCreditCardErrorAlert"]');
             expect(creditCardErrorAlert.exists()).toBeTruthy();
             expect(creditCardErrorAlert.isVisible()).toBeTruthy();
         });
diff --git a/src/layouts/payment-page/payment-page.vue b/src/layouts/payment-page/payment-page.vue
index 49afdb03..e2e24d52 100644
--- a/src/layouts/payment-page/payment-page.vue
+++ b/src/layouts/payment-page/payment-page.vue
@@ -6,7 +6,7 @@
                 <div class="container-fluid pb-2 payment">
                     <alert
                         v-if="displayPayInAdvanceCreditCardAlert"
-                        ref="payInAdvanceCreditCardErrorAlert"
+                        name="payInAdvanceCreditCardErrorAlert"
                         class="my-4"
                         cmsWidgetName="PayInAdvanceCreditCardErrorAlertWidget"
                         alertClass="alert-danger"