wip

Author: pedronfigueiredo

ui/components/app/alert-system/alert-modal/alert-modal.test.tsx

@@ -7,6 +7,9 @@ import * as useAlertsModule from '../../../../hooks/useAlerts';
 import mockState from '../../../../../test/data/mock-state.json';
 import { Alert } from '../../../../ducks/confirm-alerts/confirm-alerts';
 import { AlertModal } from './alert-modal';
+import { BlockaidReason } from '../../../../../shared/constants/security-provider';
+import { SecurityProvider } from '../../../../../shared/constants/security-provider';
+import { tEn } from '../../../../../test/lib/i18n-helpers';
 
 const onProcessActionMock = jest.fn();
 
@@ -28,6 +31,16 @@ jest.mock('../contexts/alertMetricsContext', () => ({
   })),
 }));
 
+jest.mock('../../../../pages/confirmations/context/confirm', () => ({
+  useConfirmContext: jest.fn(() => ({
+    currentConfirmation: {
+      securityAlertResponse: {
+        reason: '',
+      },
+    },
+  })),
+}));
+
 describe('AlertModal', () => {
   const OWNER_ID_MOCK = '123';
   const FROM_ALERT_KEY_MOCK = 'from';
@@ -292,4 +305,135 @@ describe('AlertModal', () => {
       );
     });
   });
+
+  describe('BlockaidAlertDetails', () => {
+    const {
+      useConfirmContext,
+    } = require('../../../../pages/confirmations/context/confirm');
+
+    beforeEach(() => {
+      jest.clearAllMocks();
+    });
+
+    const blockaidAlertMock: Alert = {
+      key: FROM_ALERT_KEY_MOCK,
+      field: FROM_ALERT_KEY_MOCK,
+      severity: Severity.Warning,
+      message: ALERT_MESSAGE_MOCK,
+      provider: SecurityProvider.Blockaid,
+      reason: 'Reason 1',
+    };
+
+    const blockaidStateMock = {
+      ...STATE_MOCK,
+      confirmAlerts: {
+        alerts: { [OWNER_ID_MOCK]: [blockaidAlertMock] },
+        confirmed: {
+          [OWNER_ID_MOCK]: {
+            [FROM_ALERT_KEY_MOCK]: false,
+          },
+        },
+      },
+    };
+    const blockaidMockStore = configureMockStore([])(blockaidStateMock);
+
+    const testCases = [
+      {
+        reason: BlockaidReason.rawSignatureFarming,
+        expectedKey: 'blockaidAlertInfoDescription3',
+      },
+      {
+        reason: BlockaidReason.approvalFarming,
+        expectedKey: 'blockaidAlertInfoDescription2',
+      },
+      {
+        reason: BlockaidReason.setApprovalForAll,
+        expectedKey: 'blockaidAlertInfoDescription2',
+      },
+      {
+        reason: BlockaidReason.permitFarming,
+        expectedKey: 'blockaidAlertInfoDescription2',
+      },
+      {
+        reason: BlockaidReason.transferFarming,
+        expectedKey: 'blockaidAlertInfoDescription',
+      },
+      {
+        reason: BlockaidReason.transferFromFarming,
+        expectedKey: 'blockaidAlertInfoDescription',
+      },
+      {
+        reason: BlockaidReason.rawNativeTokenTransfer,
+        expectedKey: 'blockaidAlertInfoDescription',
+      },
+      {
+        reason: BlockaidReason.seaportFarming,
+        expectedKey: 'blockaidAlertInfoDescription4',
+      },
+      {
+        reason: BlockaidReason.blurFarming,
+        expectedKey: 'blockaidAlertInfoDescription5',
+      },
+      {
+        reason: BlockaidReason.maliciousDomain,
+        expectedKey: 'blockaidAlertInfoDescription6',
+      },
+      {
+        reason: BlockaidReason.tradeOrderFarming,
+        expectedKey: 'blockaidAlertInfoDescription7',
+      },
+      {
+        reason: BlockaidReason.other,
+        expectedKey: 'blockaidAlertInfoDescription7',
+      },
+      {
+        reason: 'unknown reason',
+        expectedKey: 'blockaidAlertInfoDescription7',
+      },
+    ];
+
+    testCases.forEach(({ reason, expectedKey }) => {
+      it(`displays correct message for ${reason}`, () => {
+        (useConfirmContext as jest.Mock).mockImplementation(() => ({
+          currentConfirmation: {
+            securityAlertResponse: {
+              reason,
+            },
+          },
+        }));
+
+        const { getByText } = renderWithProvider(
+          <AlertModal
+            ownerId={OWNER_ID_MOCK}
+            onAcknowledgeClick={onAcknowledgeClickMock}
+            onClose={onCloseMock}
+            alertKey={FROM_ALERT_KEY_MOCK}
+          />,
+          blockaidMockStore,
+        );
+
+        expect(getByText(tEn(expectedKey) as string)).toBeInTheDocument();
+      });
+    });
+
+    it('handles undefined securityAlertResponse', () => {
+      (useConfirmContext as jest.Mock).mockImplementation(() => ({
+        currentConfirmation: {},
+      }));
+
+      const { getByText } = renderWithProvider(
+        <AlertModal
+          ownerId={OWNER_ID_MOCK}
+          onAcknowledgeClick={onAcknowledgeClickMock}
+          onClose={onCloseMock}
+          alertKey={FROM_ALERT_KEY_MOCK}
+        />,
+        blockaidMockStore,
+      );
+
+      expect(
+        getByText(tEn('blockaidAlertInfoDescription7') as string),
+      ).toBeInTheDocument();
+    });
+  });
 });

ui/components/app/alert-system/alert-modal/alert-modal.tsx

@@ -142,7 +142,6 @@ function BlockaidAlertDetails() {
   const t = useI18nContext();
   const { currentConfirmation } = useConfirmContext();
   const { securityAlertResponse } = currentConfirmation;
-
   let copy;
   switch (securityAlertResponse?.reason) {
     case BlockaidReason.rawSignatureFarming: