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.
This commit is contained in:
giancarlo
2024-04-14 20:02:06 +08:00
parent 003cc73485
commit 26f1371283
2 changed files with 2 additions and 2 deletions

View File

@@ -21,7 +21,7 @@ export class BillingPageObject {
} }
manageBillingButton() { manageBillingButton() {
return this.page.locator('manage-billing-redirect-button'); return this.page.locator('[data-test="manage-billing-redirect-button"]');
} }
successStatus() { successStatus() {

View File

@@ -27,7 +27,7 @@ export function BillingPortalCard() {
<CardContent className={'space-y-2'}> <CardContent className={'space-y-2'}>
<div> <div>
<Button> <Button data-test={'manage-billing-redirect-button'}>
<span> <span>
<Trans i18nKey="billing:billingPortalCardButton" /> <Trans i18nKey="billing:billingPortalCardButton" />
</span> </span>