From 35345c09961f5648ba4aa5237499f76af1a25603 Mon Sep 17 00:00:00 2001
From: juan-langa <139757623+juan-langa@users.noreply.github.com>
Date: Mon, 7 Oct 2024 11:27:15 +0200
Subject: [PATCH] data-testid attribute for E2E tests - Portfolio cards & Fix
 for position footer (#4041)

---
 .../portfolio/positions/PortfolioPositionBlockDetail.tsx     | 5 ++++-
 components/sidebar/SidebarSection.tsx                        | 1 -
 components/sidebar/SidebarSectionFooter.tsx                  | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/portfolio/positions/PortfolioPositionBlockDetail.tsx b/components/portfolio/positions/PortfolioPositionBlockDetail.tsx
index 0de28d4056..2e609af66e 100644
--- a/components/portfolio/positions/PortfolioPositionBlockDetail.tsx
+++ b/components/portfolio/positions/PortfolioPositionBlockDetail.tsx
@@ -32,7 +32,10 @@ export const PortfolioPositionBlockDetail = ({ detail }: { detail: PositionDetai
   }
 
   return (
-    <Flex sx={{ flexDirection: 'column', justifyContent: 'flex-start', my: [3, 0] }}>
+    <Flex
+      sx={{ flexDirection: 'column', justifyContent: 'flex-start', my: [3, 0] }}
+      data-testid="portfolio-position-details"
+    >
       <Box>
         <Text
           as="div"
diff --git a/components/sidebar/SidebarSection.tsx b/components/sidebar/SidebarSection.tsx
index cf79d6b1bb..aeb249e4e7 100644
--- a/components/sidebar/SidebarSection.tsx
+++ b/components/sidebar/SidebarSection.tsx
@@ -74,7 +74,6 @@ export function SidebarSection({
         status={status}
         requireConnection={requireConnection}
         requiredChainHexId={requiredChainHexId}
-        data-testid="sidebar-footer"
       />
     </Card>
   )
diff --git a/components/sidebar/SidebarSectionFooter.tsx b/components/sidebar/SidebarSectionFooter.tsx
index 4b92b812c0..5f36b3d115 100644
--- a/components/sidebar/SidebarSectionFooter.tsx
+++ b/components/sidebar/SidebarSectionFooter.tsx
@@ -125,6 +125,7 @@ export function SidebarSectionFooter({
         p: '24px',
         borderTop: 'lightMuted',
       }}
+      data-testid="sidebar-footer"
     >
       {aboveButton}
       <SidebarSectionFooterButton {...resolvedPrimaryButton} />