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

it(`should render title`, () => {
  const title = 'Hello'
  const { getByText } = render(<Button title={title} />)
  getByText(title)
})

it(`should render href and external link values`, () => {
  const title = 'Hello'
  const { getByText } = render(
    <Button external title={title} to="https://www.planningcenter.com" />
  )
  const button = getByText(title)
  expect(button.getAttribute('href')).toEqual('https://www.planningcenter.com')
  expect(button.getAttribute('rel')).toEqual('noopener noreferrer')
  expect(button.getAttribute('target')).toEqual('_blank')
})

it(`should call onClick when clicked or Enter or Space key is pressed`, () => {
  const onClick = jest.fn()
  const { container } = render(<Button onClick={onClick} />)
  fireEvent.click(container.firstChild)
  expect(onClick).toHaveBeenCalledTimes(1)
})

it(`should not call onClick when Enter or Space key is pressed and onClick isn't present`, () => {
  const { container } = render(<Button />)
  fireEvent.keyDown(container.firstChild, { key: 'Enter' })
  fireEvent.keyDown(container.firstChild, { key: 'Space' })
})