import React from 'react'
import { fireEvent, render, screen } from '@testing-library/react'
import Dropdown from './Dropdown'
import ThemeProvider from '../ThemeProvider'

it(`should render title`, () => {
  render(<Dropdown title="A menu"></Dropdown>)
  screen.getByText('A menu')
})

it(`calls passed onSearch function when receiving keyboard input`, () => {
  const customTextSearch = jest.fn()
  render(
    <ThemeProvider>
      <Dropdown title="A menu" onSearch={customTextSearch}></Dropdown>
    </ThemeProvider>
  )
  const dropdown = screen.getByText('A menu')

  fireEvent.keyDown(dropdown, { key: 'A', code: 'KeyA' })
  expect(customTextSearch).toHaveBeenCalled()
})