Added DataTestIdsEnum

src/components/OutputContainer/components/TransactionOutput.tsx

@@ -6,6 +6,7 @@ import {
   TRANSACTIONS_ENDPOINT,
   useGetNetworkConfig
 } from 'lib';
+import { DataTestIdsEnum } from 'localConstants';
 import { SignedTransactionType } from 'types';
 
 export const TransactionOutput = ({
@@ -44,7 +45,7 @@ export const TransactionOutput = ({
           value={transaction.value}
           showLabel={transaction.value !== '0'}
           egldLabel={network.egldLabel}
-          data-testid='balance'
+          data-testid={DataTestIdsEnum.balance}
         />
       </p>
       <p>

src/localConstants/dataTestIds.enum.ts

@@ -0,0 +1,20 @@
+export enum DataTestIdsEnum {
+  balance = 'balance',
+  heroTag = 'heroTag',
+  nftExplorerLink = 'nftExplorerLink',
+  nftFormattedAmount = 'nftFormattedAmount',
+  receiverLink = 'receiverLink',
+  receiverShard = 'receiverShard',
+  senderLink = 'senderLink',
+  senderShard = 'senderShard',
+  shardFromLink = 'shardFromLink',
+  shardToLink = 'shardToLink',
+  tokenExplorerLink = 'tokenExplorerLink',
+  tokenFormattedAmount = 'tokenFormattedAmount',
+  transactionHash = 'transactionHash',
+  transactionLink = 'transactionLink',
+  transactionMethod = 'transactionMethod',
+  transactionReceiver = 'transactionReceiver',
+  transactionSender = 'transactionSender',
+  transactionValue = 'transactionValue'
+}

src/localConstants/index.ts

@@ -1,3 +1,4 @@
+export * from './dataTestIds.enum';
 export * from './routes';
 export * from './session';
 export * from './signMessage';

src/pages/Dashboard/widgets/Account/Account.tsx

@@ -1,5 +1,6 @@
 import { Label, OutputContainer } from 'components';
 import { FormatAmount, useGetAccountInfo, useGetNetworkConfig } from 'lib';
+import { DataTestIdsEnum } from 'localConstants';
 import { Username } from './components';
 
 export const Account = () => {
@@ -24,7 +25,7 @@ export const Account = () => {
           <FormatAmount
             value={account.balance}
             egldLabel={network.egldLabel}
-            data-testid='balance'
+            data-testid={DataTestIdsEnum.balance}
           />
         </p>
       </div>

src/pages/Dashboard/widgets/Account/components/Username.tsx

@@ -1,6 +1,7 @@
 import { AccountType } from '@multiversx/sdk-dapp/types';
 import { Label } from 'components';
 import { trimUsernameDomain } from 'lib';
+import { DataTestIdsEnum } from 'localConstants';
 import { ProfileType } from 'types';
 
 export const Username = (props: {
@@ -15,7 +16,7 @@ export const Username = (props: {
   return (
     <p>
       <Label>Herotag: </Label>
-      <span daata-testid='heroTag'>
+      <span data-testid={DataTestIdsEnum.heroTag}>
         {account.username ? trimUsernameDomain(account.username) : 'N/A'}
       </span>
     </p>