test: fix missing catalog v2 test id

LedgerHQ · Jul 3, 2024 · 2e11ef5 · 2e11ef5
1 parent 09a4063
commit 2e11ef5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/apps/ledger-live-desktop/src/renderer/components/Platform/AppCard.tsx b/apps/ledger-live-desktop/src/renderer/components/Platform/AppCard.tsx
@@ -14,7 +14,7 @@ const Container = styled(Tabbable).attrs<{
   flexDirection: "column",
   alignItems: "center",
   fontSize: 4,
-})<{ id?: string }>`
+})`
   min-height: 180px;
   padding: 24px;
   border-radius: 4px;
@@ -61,7 +61,7 @@ export function AppCard({ manifest, onClick, id }: Props) {
   }, [onClick, isDisabled]);
 
   return (
-    <Container id={id} onClick={handleClick} disabled={isDisabled}>
+    <Container data-test-id={id} onClick={handleClick} disabled={isDisabled}>
       <AppDetails manifest={manifest} />
     </Container>
   );

diff --git a/apps/ledger-live-desktop/src/renderer/screens/platform/v2/Catalog/Card/Full.tsx b/apps/ledger-live-desktop/src/renderer/screens/platform/v2/Catalog/Card/Full.tsx
@@ -37,7 +37,13 @@ export function FullCard(props: PropsCard<LiveAppManifest>) {
   );
 
   return (
-    <Container highlighted={highlighted} disabled={disabled} onClick={onClick} flex={1}>
+    <Container
+      data-test-id={`platform-catalog-app-${manifest.id}`}
+      highlighted={highlighted}
+      disabled={disabled}
+      onClick={onClick}
+      flex={1}
+    >
       <Flex alignItems="center">
         <Logo icon={manifest.icon} name={manifest.name} size="medium" disabled={disabled} />
 

diff --git a/apps/ledger-live-desktop/tests/page/discover.page.ts b/apps/ledger-live-desktop/tests/page/discover.page.ts
@@ -1,7 +1,7 @@
 import { AppPage } from "tests/page/abstractClasses";
 
 export class DiscoverPage extends AppPage {
-  private testAppCatalogItem = this.page.locator("#platform-catalog-app-dummy-live-app");
+  private testAppCatalogItem = this.page.getByTestId("platform-catalog-app-dummy-live-app");
   private disclaimerTitle = this.page.getByTestId("live-app-disclaimer-drawer-title");
 
   async openTestApp() {