import Vue from 'vue'
import { mount } from '@vue/test-utils'
import Register from '@/components/auth/Register'
import { swal } from '@/js/notify'

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

window.blessing.extra = { player: false }

test('click to refresh captcha', () => {
  jest.spyOn(Date, 'now')
  const wrapper = mount(Register)
  wrapper.find('img').trigger('click')
  expect(Date.now).toBeCalledTimes(2)
})

test('require player name', () => {
  window.blessing.extra = { player: true }

  const wrapper = mount(Register)
  expect(wrapper.findAll('[type="text"]').at(0)
    .attributes('placeholder')).toBe('auth.player-name')

  window.blessing.extra = { player: false }
})

test('register', async () => {
  jest.spyOn(Date, 'now')
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ errno: 1, msg: 'fail' })
    .mockResolvedValueOnce({ errno: 0, msg: 'ok' })
  const wrapper = mount(Register)
  const button = wrapper.find('button')
  const info = wrapper.find('.callout-info')
  const warning = wrapper.find('.callout-warning')

  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.emptyEmail')

  wrapper.find('[type="email"]').setValue('a')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.invalidEmail')

  wrapper.find('[type="email"]').setValue('a@b.c')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.emptyPassword')

  wrapper.findAll('[type="password"]').at(0)
    .setValue('123456')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.invalidPassword')

  wrapper.findAll('[type="password"]').at(0)
    .setValue('12345678')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.invalidConfirmPwd')

  wrapper.findAll('[type="password"]').at(1)
    .setValue('123456')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.invalidConfirmPwd')

  wrapper.findAll('[type="password"]').at(1)
    .setValue('12345678')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.emptyNickname')

  wrapper.findAll('[type="text"]').at(0)
    .setValue('abc')
  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.emptyCaptcha')

  wrapper.findAll('[type="text"]').at(1)
    .setValue('captcha')
  button.trigger('click')
  await wrapper.vm.$nextTick()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/auth/register',
    {
      email: 'a@b.c',
      password: '12345678',
      nickname: 'abc',
      captcha: 'captcha',
    }
  )
  expect(warning.text()).toBe('fail')
  expect(Date.now).toBeCalledTimes(2)

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

test('register with player name', async () => {
  window.blessing.extra = { player: true }
  Vue.prototype.$http.post.mockResolvedValue({ errno: 0, msg: 'ok' })
  const wrapper = mount(Register)
  const button = wrapper.find('button')
  const info = wrapper.find('.callout-info')
  wrapper.find('[type="email"]').setValue('a@b.c')
  wrapper.findAll('[type="password"]').at(0)
    .setValue('12345678')
  wrapper.findAll('[type="password"]').at(1)
    .setValue('12345678')
  wrapper.findAll('[type="text"]').at(1)
    .setValue('captcha')

  button.trigger('click')
  expect(Vue.prototype.$http.post).not.toBeCalled()
  expect(info.text()).toBe('auth.emptyPlayerName')

  wrapper.findAll('[type="text"]').at(0)
    .setValue('abc')
  button.trigger('click')
  await wrapper.vm.$nextTick()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/auth/register',
    {
      email: 'a@b.c',
      password: '12345678',
      player_name: 'abc',
      captcha: 'captcha',
    }
  )
})