From 7d34a3dca3aa3e9d12cc59570ed1f377a6804b7c Mon Sep 17 00:00:00 2001
From: yash37158 <yash37158@gmail.com>
Date: Wed, 2 Oct 2024 12:24:55 +0530
Subject: [PATCH] test(playwright): adding data-testid to support e2e tests

Signed-off-by: yash37158 <yash37158@gmail.com>
---
 src/custom/TransferModal/TransferList/TransferList.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/custom/TransferModal/TransferList/TransferList.tsx b/src/custom/TransferModal/TransferList/TransferList.tsx
index 8fe1d302..2a873839 100644
--- a/src/custom/TransferModal/TransferList/TransferList.tsx
+++ b/src/custom/TransferModal/TransferList/TransferList.tsx
@@ -215,7 +215,7 @@ function TransferList({
     listId?: string
   ) => (
     <StyledPaper>
-      <List dense component="div" role="list">
+      <List dense component="div" role="list" data-testid={`connections-${listId}`}>
         {items.length > 0 ? (
           items.map((item) => {
             const labelId = `transfer-list-item-${item.name}-label`;
@@ -302,6 +302,7 @@ function TransferList({
               (rightPermission && (left?.length === 0 || left.length < leftCount))
             }
             aria-label="move all right"
+            data-testid="move-all-right"
           >
             <RightArrowIcon width={18} height={18} />
             <RightArrowIcon style={{ position: 'absolute', left: '27px' }} width={18} height={18} />
@@ -312,6 +313,7 @@ function TransferList({
             onClick={handleCheckedRight}
             disabled={!rightPermission || (rightPermission && leftChecked.length === 0)}
             aria-label="move selected right"
+            data-testid="move-selected-right"
           >
             <RightArrowIcon width={18} height={18} />
           </TransferButton>
@@ -321,6 +323,7 @@ function TransferList({
             onClick={handleCheckedLeft}
             disabled={!leftPermission || (leftPermission && rightChecked.length === 0)}
             aria-label="move selected left"
+            data-testid="move-selected-left"
           >
             <LeftArrowIcon width={18} height={18} />
           </TransferButton>
@@ -333,6 +336,7 @@ function TransferList({
               (leftPermission && (right?.length === 0 || right.length < rightCount))
             }
             aria-label="move all left"
+            data-testid="move-all-left"
           >
             <LeftArrowIcon width={18} height={18} />
             <LeftArrowIcon style={{ position: 'absolute', left: '27px' }} width={18} height={18} />