import { fireEvent, render } from '@testing-library/react-native'
import React from 'react'
import { Provider } from 'react-redux'
import { navigate } from 'src/navigator/NavigationService'
import { Screens } from 'src/navigator/Screens'
import { RootState } from 'src/redux/reducers'
import NftFeedItem from 'src/transactions/feed/NftFeedItem'
import { Fee, NetworkId, TokenTransactionTypeV2, TransactionStatus } from 'src/transactions/types'
import networkConfig from 'src/web3/networkConfig'
import { RecursivePartial, createMockStore } from 'test/utils'
import { mockAccount, mockNftAllFields } from 'test/values'

const MOCK_TX_HASH = '0x006b866d20452a24d1d90c7514422188cc7c5d873e2f1ed661ec3f810ad5331c'

jest.mock('src/statsig')

jest.mock('src/web3/networkConfig', () => {
  const originalModule = jest.requireActual('src/web3/networkConfig')
  return {
    __esModule: true,
    ...originalModule,
    default: {
      ...originalModule.default,
      networkToNetworkId: {
        celo: 'celo-alfajores',
        ethereum: 'ethereuim-sepolia',
      },
      defaultNetworkId: 'celo-alfajores',
    },
  }
})

describe('NftFeedItem', () => {
  function renderScreen({
    storeOverrides = {},
    type = TokenTransactionTypeV2.NftReceived,
    fees = [],
  }: {
    type?: TokenTransactionTypeV2.NftReceived | TokenTransactionTypeV2.NftSent
    fees?: Fee[]
    storeOverrides?: RecursivePartial<RootState>
  }) {
    const store = createMockStore({
      web3: {
        account: mockAccount,
      },
    })

    const tree = render(
      <Provider store={store}>
        <NftFeedItem
          transaction={{
            networkId: NetworkId['celo-alfajores'],
            type,
            transactionHash: MOCK_TX_HASH,
            timestamp: 1234,
            block: '2345',
            fees,
            nfts: [mockNftAllFields],
            status: TransactionStatus.Complete,
          }}
        />
      </Provider>
    )

    return {
      store,
      ...tree,
    }
  }

  it('shows NFT icon with correct source', () => {
    const { getByTestId } = renderScreen({})
    expect(getByTestId('NftFeedItem/NftIcon')).toHaveProp(
      'source',
      expect.objectContaining({
        uri: mockNftAllFields.media[0].gateway,
        headers: {
          origin: networkConfig.nftsAppUrl,
        },
      })
    )
  })

  it('opens NFT Info Carousel correctly when NFT transaction item is clicked', () => {
    const tree = renderScreen({})
    fireEvent.press(tree.getByTestId('NftFeedItem'))
    expect(navigate).toHaveBeenCalledWith(Screens.NftsInfoCarousel, {
      nfts: [mockNftAllFields],
      networkId: NetworkId['celo-alfajores'],
    })
  })
})