import Vue from 'vue'
import { mount } from '@vue/test-utils'
import Bind from '@/views/user/Bind.vue'
import { swal } from '@/js/notify'

jest.mock('@/js/notify')

test('list existed players', async () => {
  Vue.prototype.$http.get
    .mockResolvedValue([{ name: 'a' }, { name: 'b' }])
  const wrapper = mount(Bind)
  await wrapper.vm.$nextTick()
  const options = wrapper.findAll('option')
  expect(options).toHaveLength(2)
})

test('show input box', async () => {
  Vue.prototype.$http.get.mockResolvedValue([])
  const wrapper = mount(Bind)
  await wrapper.vm.$nextTick()
  const input = wrapper.find('input')
  expect(input.exists()).toBeTrue()
})

test('submit', async () => {
  Vue.prototype.$http.get.mockResolvedValue([])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ errno: 1, msg: 'fail' })
    .mockResolvedValueOnce({ errno: 0, msg: 'ok' })
  swal.mockResolvedValue({})

  const wrapper = mount(Bind)
  wrapper.find('input').setValue('abc')

  wrapper.find('button').trigger('click')
  await wrapper.vm.$nextTick()
  expect(wrapper.find('.callout').text()).toBe('fail')

  wrapper.find('button').trigger('click')
  await wrapper.vm.$nextTick()
  expect(swal).toBeCalledWith({ text: 'ok', type: 'success' })
})