import React from 'react'
import { render, fireEvent, wait } from '@testing-library/react'
import { t } from '@/scripts/i18n'
import * as fetch from '@/scripts/net'
import BindPlayers from '@/views/user/BindPlayers'

jest.mock('@/scripts/net')

test('loading indicator', () => {
  fetch.get.mockResolvedValue({ data: [] })
  const { queryByTitle } = render(<BindPlayers />)
  expect(queryByTitle('Loading...')).toBeInTheDocument()
})

describe('submit', () => {
  it('have existed players', async () => {
    fetch.get.mockResolvedValue({
      data: [{ name: 'kumiko' }, { name: 'reina' }],
    })
    fetch.post.mockResolvedValue({ code: 0, message: 'success' })

    const { getByText, getByLabelText, queryByText } = render(<BindPlayers />)
    await wait()

    fireEvent.click(getByLabelText('reina'))
    fireEvent.click(getByText(t('general.submit')))
    await wait()

    expect(fetch.post).toBeCalledWith('/user/player/bind', { player: 'reina' })
    expect(queryByText('success')).toBeInTheDocument()

    fireEvent.click(getByText(t('general.confirm')))
  })

  it('no existed players', async () => {
    fetch.get.mockResolvedValue({ data: [] })
    fetch.post.mockResolvedValue({ code: 0, message: 'success' })

    const { getByText, getByPlaceholderText, queryByText } = render(
      <BindPlayers />,
    )
    await wait()

    fireEvent.input(getByPlaceholderText(t('general.player.player-name')), {
      target: { value: 'kumiko' },
    })
    fireEvent.click(getByText(t('general.submit')))
    await wait()

    expect(fetch.post).toBeCalledWith('/user/player/bind', { player: 'kumiko' })
    expect(queryByText('success')).toBeInTheDocument()

    fireEvent.click(getByText(t('general.confirm')))
  })

  it('failed', async () => {
    fetch.get.mockResolvedValue({ data: [] })
    fetch.post.mockResolvedValue({ code: 1, message: 'failed' })

    const { getByText, getByPlaceholderText, queryByText } = render(
      <BindPlayers />,
    )
    await wait()

    fireEvent.input(getByPlaceholderText(t('general.player.player-name')), {
      target: { value: 'kumiko' },
    })
    fireEvent.click(getByText(t('general.submit')))
    await wait()

    expect(fetch.post).toBeCalledWith('/user/player/bind', { player: 'kumiko' })
    expect(queryByText('failed')).toBeInTheDocument()

    fireEvent.click(getByText(t('general.confirm')))
  })
})