Added testIds on toast details (#221)

* Added testId

* Added testId

* Updated changelog

Author: iuliacimpeanu

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [[0.0.28](https://github.com/multiversx/mx-sdk-dapp-ui/pull/220)] - 2025-09-19
 
+- [Added testIds on toast details](https://github.com/multiversx/mx-sdk-dapp-ui/pull/221)
 - [Updated icon and styles on toast](https://github.com/multiversx/mx-sdk-dapp-ui/pull/218)
 - [Added exports for individual components](https://github.com/multiversx/mx-sdk-dapp-ui/pull/217)
 - [Updated warning banner on ledger confirm screen](https://github.com/multiversx/mx-sdk-dapp-ui/pull/216)

src/components/functional/toasts-list/components/transaction-toast/components/transaction-toast-details/transaction-toast-details.tsx

@@ -2,6 +2,7 @@ import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
 import type { JSX } from '@stencil/core';
 import { Component, h, Prop, State } from '@stencil/core';
 import type { ITransactionListItem } from 'components/visual/transaction-list-item/transaction-list-item.types';
+import { DataTestIdsEnum } from 'constants/dataTestIds.enum';
 
 @Component({
   tag: 'mvx-transaction-toast-details',
@@ -60,7 +61,9 @@ export class TransactionToastDetails {
             icon={faChevronDown}
             class={`transaction-details-status-icon ${this.isExpanded ? 'rotate-up' : ''}`}
           ></mvx-fa-icon>
-          <span class="transaction-details-status-text">{this.processedTransactionsStatus}</span>
+          <span data-testid={DataTestIdsEnum.transactionDetailsStatus} class="transaction-details-status-text">
+            {this.processedTransactionsStatus}
+          </span>
         </div>
 
         <div

src/components/visual/trim/trim.tsx

@@ -77,6 +77,7 @@ export class Trim {
         class={{ trim: true, [this.class]: Boolean(this.class) }}
       >
         <div
+          data-testid={DataTestIdsEnum.trimFullAddress}
           ref={this.handleFullWidthTrimElementReference.bind(this)}
           class={{ 'trim-full': true, 'visible': !this.shouldTrim }}
         >

src/constants/dataTestIds.enum.ts

@@ -37,7 +37,9 @@ export enum DataTestIdsEnum {
   transactionToastTitle = 'transactionToastTitle',
   transactionNftBadge = 'transactionNftBadge',
   transactionActionFormattedAmount = 'transactionActionFormattedAmount',
+  transactionDetailsStatus = 'transactionDetailsStatus',
   trim = 'trim',
+  trimFullAddress = 'trimFullAddress',
   walletConnectLoading = 'walletConnectLoading',
   walletConnectQrCode = 'walletConnectQrCode',
   walletConnetModalTitle = 'walletConnetModalTitle',