index.test.jsx

import React from 'react';
import { fireEvent } from '@testing-library/react-native';

import renderWithProvider from '../../../util/test/renderWithProvider';
import { AddressFrom, AddressTo } from './index';
import { backgroundState } from '../../../util/test/initial-root-state';
import { AddAddressModalSelectorsIDs } from '../../../../e2e/selectors/SendFlow/AddAddressModal.selectors';

const initialState = {
  settings: {},
  engine: {
    backgroundState: {
      ...backgroundState,
      PreferencesController: {
        useTokenDetection: false,
      },
      AddressBookController: {
        addressBook: {
          '0x1': {
            '0x519d2CE57898513F676a5C3b66496c3C394c9CC7': {
              address: '0x519d2CE57898513F676a5C3b66496c3C394c9CC7',
              name: 'Account 2',
            },
          },
        },
      },
    },
  },
};

jest.mock('../../../core/Engine', () => ({
  context: {
    KeyringController: {
      state: {
        keyrings: [
          {
            accounts: ['0x9004C7f302475BF5501fbc6254f69C64212A0d12'],
          },
        ],
      },
    },
  },
}));

describe('AddressInputs', () => {
  describe('AddressFrom', () => {
    it('should match default snapshot', async () => {
      const container = renderWithProvider(
        <AddressFrom
          fromAccountAddress="0x9004C7f302475BF5501fbc6254f69C64212A0d12"
          fromAccountBalance="0x5"
          fromAccountName="DUMMY_ACCOUNT"
        />,
        { state: initialState },
      );
      expect(container).toMatchSnapshot();
    });

    it('should match snapshot when layout is vertical', () => {
      const container = renderWithProvider(
        <AddressFrom
          fromAccountAddress="0x9004C7f302475BF5501fbc6254f69C64212A0d12"
          fromAccountBalance="0x5"
          fromAccountName="DUMMY_ACCOUNT"
          layout="vertical"
        />,
        { state: initialState },
      );
      expect(container).toMatchSnapshot();
    });
  });

  describe('AddressTo', () => {
    it('should match default snapshot', () => {
      const container = renderWithProvider(
        <AddressTo
          displayExclamation
          isConfirmScreen
          toAddressName="DUMMY_ACCOUNT"
          toSelectedAddress="0x9004C7f302475BF5501fbc6254f69C64212A0d12"
        />,
        { state: initialState },
      );
      expect(container).toMatchSnapshot();
    });

    it('should match snapshot when layout is vertical', () => {
      const container = renderWithProvider(
        <AddressTo
          displayExclamation
          isConfirmScreen
          toAddressName="DUMMY_ACCOUNT"
          toSelectedAddress="0x9004C7f302475BF5501fbc6254f69C64212A0d12"
          layout="vertical"
        />,
        { state: initialState },
      );
      expect(container).toMatchSnapshot();
    });

    it('should open address book modal on press', () => {
      const { getByTestId, getByText } = renderWithProvider(
        <AddressTo
          displayExclamation
          isConfirmScreen
          toAddressName={undefined}
          toSelectedAddress="0x9004C7f302475BF5501fbc6254f69C64212A0d12"
          layout="vertical"
        />,
        { state: initialState },
      );
      fireEvent.press(
        getByTestId(AddAddressModalSelectorsIDs.ADD_ADDRESS_BUTTON),
      );
      expect(getByText('Add to address book')).toBeDefined();
    });
  });
});