From 3005a7b6c540e7769094f7abb00a1ff7a491946d Mon Sep 17 00:00:00 2001
From: Victor Alber <victor.alber@ledger.fr>
Date: Tue, 17 Sep 2024 17:20:46 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fixing=20e2e=20tests?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../families/evm/SendAmountFields/LowGasAlertBuyMore.tsx    | 2 +-
 .../ledger-live-desktop/tests/component/layout.component.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/ledger-live-desktop/src/renderer/families/evm/SendAmountFields/LowGasAlertBuyMore.tsx b/apps/ledger-live-desktop/src/renderer/families/evm/SendAmountFields/LowGasAlertBuyMore.tsx
index a06defd580c3..6298585d4462 100644
--- a/apps/ledger-live-desktop/src/renderer/families/evm/SendAmountFields/LowGasAlertBuyMore.tsx
+++ b/apps/ledger-live-desktop/src/renderer/families/evm/SendAmountFields/LowGasAlertBuyMore.tsx
@@ -57,7 +57,7 @@ const LowGasAlertBuyMore = ({
   if (!gasPriceError) return null;
   return (
     <Flex onClick={isCurrencySupported("BUY", account.currency) ? onBuyClick : undefined}>
-      <Alert type="warning">
+      <Alert type="warning" data-testid="insufficient-funds-warning">
         <TranslatedError error={gasPriceError} />
       </Alert>
     </Flex>
diff --git a/apps/ledger-live-desktop/tests/component/layout.component.ts b/apps/ledger-live-desktop/tests/component/layout.component.ts
index ede653f0105d..2357ed57daee 100644
--- a/apps/ledger-live-desktop/tests/component/layout.component.ts
+++ b/apps/ledger-live-desktop/tests/component/layout.component.ts
@@ -34,7 +34,7 @@ export class Layout extends Component {
 
   // general
   readonly inputError = this.page.locator("id=input-error"); // no data-testid because css style is applied
-  readonly inputWarning = this.page.getByTestId("alert-insufficient-funds-warning");
+  readonly insufficientFundsWarning = this.page.getByTestId("insufficient-funds-warning");
   private loadingSpinner = this.page.getByTestId("loading-spinner");
   readonly logo = this.page.getByTestId("logo");
 
@@ -101,8 +101,8 @@ export class Layout extends Component {
 
   @step("Check warning message")
   async checkWarningMessage(expectedWarningMessage: RegExp) {
-    await this.inputWarning.waitFor({ state: "visible" });
-    const warningText = await this.inputWarning.innerText();
+    await expect(this.insufficientFundsWarning).toBeVisible();
+    const warningText = await this.insufficientFundsWarning.innerText();
     expect(warningText).toMatch(expectedWarningMessage);
   }