import { fireEvent, render } from '@testing-library/react-native'
import React from 'react'
import { ChatGroupBadge } from '../chat_group_badge'

const mockSetParams = jest.fn()

jest.mock('@react-navigation/native', () => ({
  ...jest.requireActual('@react-navigation/native'),
  useNavigation: () => ({ setParams: mockSetParams }),
  useRoute: () => ({
    params: { chat_group_graph_id: 'Groups/Group/1', title: 'Waco Family Group' },
  }),
}))

jest.mock('../../../../hooks/use_api', () => ({
  useApiGet: () => ({ data: { name: 'Waco Family Group' } }),
}))

describe('ChatGroupBadge', () => {
  it('clears the group filter and its title when dismissed', () => {
    const view = render(<ChatGroupBadge rowPaddingHorizontal={16} />)

    fireEvent.press(view.getByText('Waco Family Group'))

    expect(mockSetParams).toHaveBeenCalledTimes(1)
    expect(mockSetParams.mock.calls[0][0]).toStrictEqual({
      title: undefined,
      chat_group_graph_id: undefined,
      group_source_app_name: undefined,
    })
  })
})