jest.mock('axios')

describe('Item', () => {
  const item = {
    title: 'React',
    url: 'https://reactjs.org/',
    author: 'Jordan Walke',
    num_comments: 3,
    points: 4,
    objectID: 0
  }
  const handleRemoveItem = jest.fn()
  let component

  beforeEach(() => {
    component = renderer.create(
      <Item item={item} onRemoveItem={handleRemoveItem} />
    )
  })

  it('renderer all props', () => {
    expect(component.root.findByType('a').props.href)
      .toEqual('https://reactjs.org/')

    expect(component.root.findAllByProps({ children: 'Jordan Walke' }).length)
      .toEqual(1)
  })

  it('calls onRemoveItem on button click', () => {
    component.root.findByType('button').props.onClick()

    expect(handleRemoveItem).toHaveBeenCalledTimes(1)
    expect(handleRemoveItem).toHaveBeenCalledWith(item)

    expect(component.root.findAllByType(Item).length).toEqual(1)
  })
})