blessing-skin-server/resources/assets/tests/components/auth/Register.test.js
2019-03-17 10:21:18 +08:00

135 lines
3.9 KiB
JavaScript

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',
}
)
})