test: add component view tests

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: racitores

app/components/UI/DeFiPositions/DeFiProtocolPositionDetails.view.test.tsx

@@ -96,7 +96,7 @@ const defiDetailsState = {
 };
 
 describeForPlatforms('DeFi position details (read-only)', () => {
-  it('shows protocol header, Supplied rows, and token symbols (Aave V3)', () => {
+  it('shows Aave V3 supplied assets with token symbols and fiat amounts', () => {
     const { getByTestId, getByText, getAllByText, UNSAFE_getByType } =
       renderComponentViewScreen(
         DeFiProtocolPositionDetails,
@@ -117,10 +117,10 @@ describeForPlatforms('DeFi position details (read-only)', () => {
       getByTestId(DEFI_PROTOCOL_POSITION_DETAILS_BALANCE_TEST_ID),
     ).toHaveTextContent('$14.74');
 
-    // One "Supplied" label per supplied position group (same copy as smoke E2E).
-    expect(getAllByText('Supplied').length).toBeGreaterThanOrEqual(1);
-    expect(getAllByText('USDT').length).toBeGreaterThanOrEqual(1);
-    expect(getAllByText('WETH').length).toBeGreaterThanOrEqual(1);
+    // Smoke parity for details checks: Supplied + USDT + WETH + $14.74 + $0.30.
+    expect(getAllByText('Supplied')).toHaveLength(2);
+    expect(getAllByText('USDT')).toHaveLength(1);
+    expect(getAllByText('$14.74').length).toBeGreaterThanOrEqual(2);
 
     const list = UNSAFE_getByType(FlatList);
     act(() => {
@@ -133,6 +133,7 @@ describeForPlatforms('DeFi position details (read-only)', () => {
       });
     });
 
-    expect(getByText('USDT')).toBeOnTheScreen();
+    expect(getByText('WETH')).toBeOnTheScreen();
+    expect(getByText('$0.30')).toBeOnTheScreen();
   });
 });

app/components/UI/MarketInsights/Views/MarketInsightsView/MarketInsightsView.view.test.tsx

@@ -1,6 +1,9 @@
 /**
- * Component view tests for token (non-Perps) MarketInsightsView: content, swap/buy navigation, thumbs up.
- * Mirrors smoke: tests/smoke/assets/market-insights/view-market-insights.spec.ts (cases 7, 10, 11).
+ * Component view tests for token (non-Perps) MarketInsightsView: content,
+ * swap/buy navigation, trend sources sheet, thumbs up.
+ * Mirrors smoke: tests/smoke/assets/market-insights/view-market-insights.spec.ts
+ * (cases 7, 10, 11, 12). Entry card visibility cases (8, 9) are covered by
+ * AssetOverviewContent.view.test.tsx.
  * Run: yarn test:view:one MarketInsightsView.view.test.tsx
  */
 import '../../../../../../tests/component-view/mocks';
@@ -79,6 +82,22 @@ describeForPlatforms('MarketInsightsView (token flow)', () => {
     ).toBeOnTheScreen();
   });
 
+  it('shows sources bottom sheet when tapping a trend item', async () => {
+    renderMarketInsightsViewWithNavigation({
+      initialParams: ETH_MAINNET_ROUTE_PARAMS,
+    });
+
+    await screen.findByTestId(MarketInsightsSelectorsIDs.VIEW_CONTAINER);
+
+    fireEvent.press(
+      await screen.findByTestId(`${MarketInsightsSelectorsIDs.TREND_ITEM}-0`),
+    );
+
+    expect(
+      await screen.findByText('Spot Ethereum ETFs See Record Weekly Inflows'),
+    ).toBeOnTheScreen();
+  });
+
   it('can tap thumbs up feedback button', async () => {
     const trackEventSpy = jest.spyOn(analytics, 'trackEvent');
     try {

app/components/Views/confirmations/ConfirmationView.testIds.ts

@@ -55,6 +55,10 @@ export const ConfirmationFooterSelectorIDs = {
   CONFIRM_BUTTON: 'confirm-button',
 } as const;
 
+export const ConfirmationLoaderSelectorIDs = {
+  TRANSFER: 'confirm-loader-transfer',
+} as const;
+
 export const ConfirmAlertModalSelectorsIDs = {
   CONFIRM_ALERT_CHECKBOX: 'confirm-alert-checkbox',
   CONFIRM_ALERT_BUTTON: 'confirm-alert-confirm-button',