From 26f13712832fb2bae5a46deb418c992be23cba53 Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Sun, 14 Apr 2024 20:02:06 +0800
Subject: [PATCH] Adjust locator in billing test and add data-test attribute

Updated the locator for the 'manageBillingButton' in the end-to-end billing test. Instead of an id, the locator now targets a data property. This change was also reflected in the Button component within 'billing-portal-card.tsx' where the attribute data-test was added for test recognition.
---
 apps/e2e/tests/utils/billing.po.ts                              | 2 +-
 packages/billing/gateway/src/components/billing-portal-card.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/e2e/tests/utils/billing.po.ts b/apps/e2e/tests/utils/billing.po.ts
index b47c08327..4087a44a3 100644
--- a/apps/e2e/tests/utils/billing.po.ts
+++ b/apps/e2e/tests/utils/billing.po.ts
@@ -21,7 +21,7 @@ export class BillingPageObject {
   }
 
   manageBillingButton() {
-    return this.page.locator('manage-billing-redirect-button');
+    return this.page.locator('[data-test="manage-billing-redirect-button"]');
   }
 
   successStatus() {
diff --git a/packages/billing/gateway/src/components/billing-portal-card.tsx b/packages/billing/gateway/src/components/billing-portal-card.tsx
index 1e252893a..64fe61f82 100644
--- a/packages/billing/gateway/src/components/billing-portal-card.tsx
+++ b/packages/billing/gateway/src/components/billing-portal-card.tsx
@@ -27,7 +27,7 @@ export function BillingPortalCard() {
 
       <CardContent className={'space-y-2'}>
         <div>
-          <Button>
+          <Button data-test={'manage-billing-redirect-button'}>
             <span>
               <Trans i18nKey="billing:billingPortalCardButton" />
             </span>