Merge pull request #52 from input-output-hk/fix/test_ids

fix: replace data-testid attributes with props

Author: AngelCastilloB

src/design-system/profile-dropdown/accounts/profile-dropdown-account-item.component.tsx

@@ -63,7 +63,7 @@ export const AccountItem = ({
     justifyContent="space-between"
     gap="$8"
     className={cx.root}
-    data-testid="wallet-account-item"
+    testId="wallet-account-item"
   >
     <div
       style={{ display: 'contents' }}

src/design-system/profile-dropdown/accounts/profile-dropdown-accounts-list.component.tsx

@@ -35,7 +35,7 @@ export const AccountsList = ({
   const hasMultipleUnlockedAccounts =
     accounts.filter(a => a.isUnlocked).length > 1;
   return (
-    <Flex gap="$16" flexDirection="column" data-testid="wallet-accounts-list">
+    <Flex gap="$16" flexDirection="column" testId="wallet-accounts-list">
       {accounts.map(a => (
         <AccountItem
           key={a.accountNumber}

src/design-system/text-link/text-link.component.tsx

@@ -13,13 +13,15 @@ import type { OmitClassName } from '../../types';
 export type Props = OmitClassName<'a'> & {
   disabled?: boolean;
   label?: string;
+  testId?: string;
   px?: keyof typeof spacing;
 };
 
 export const TextLink = ({
   disabled = false,
   px = '$8',
   label,
+  testId,
   ...props
 }: Readonly<Props>): JSX.Element => {
   return (
@@ -30,6 +32,7 @@ export const TextLink = ({
       alignItems="center"
       justifyContent="center"
       px={px}
+      testId={testId}
     >
       <Flex alignItems="center" justifyContent="center">
         <Text.Button