feat: add property testId to TokenProfile

Author: bslabiak

src/design-system/assets-table/assets-table-token-profile.component.tsx

@@ -11,30 +11,32 @@ interface Props {
   imageSrc: string;
   name: string;
   description: string;
+  testId?: string;
 }
 
 export const TokenProfile = ({
   imageSrc,
   name,
   description,
+  testId = 'token-profile',
 }: Readonly<Props>): JSX.Element => {
   return (
     <div className={cx.container}>
       <Grid columns="$fitContent" gutters="$0">
         <Cell>
           <Box mr="$24">
-            <Image imageSrc={imageSrc} alt={name} testId="token-icon" />
+            <Image imageSrc={imageSrc} alt={name} testId={`${testId}-icon`} />
           </Box>
         </Cell>
         <Cell>
-          <Text.Body.Large weight="$semibold" data-testid="token-name">
+          <Text.Body.Large weight="$semibold" data-testid={`${testId}-name`}>
             {name}
           </Text.Body.Large>
           <Box>
             <Text.Body.Normal
               color="secondary"
               weight="$semibold"
-              data-testid="token-ticker"
+              data-testid={`${testId}-ticker`}
             >
               {description}
             </Text.Body.Normal>

src/design-system/profile-picture/image.component.tsx

@@ -21,7 +21,7 @@ export const Image = ({
   alt,
   delayMs = 600,
   selected,
-  testId = 'image',
+  testId = 'profile-picture',
 }: Readonly<Props>): JSX.Element => (
   <RadixUIAvatar.Root
     className={classNames(cx.root, cx.container, {