blessing-skin-server/resources/assets/tests/views/user/Bind.test.ts
2019-04-23 11:47:45 +08:00

40 lines
1.1 KiB
TypeScript

import Vue from 'vue'
import { mount } from '@vue/test-utils'
import Bind from '@/views/user/Bind.vue'
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({ code: 1, message: 'fail' })
.mockResolvedValueOnce({ code: 0, message: 'ok' })
const wrapper = mount(Bind)
const form = wrapper.find('form')
wrapper.find('input').setValue('abc')
form.trigger('submit')
await wrapper.vm.$nextTick()
expect(wrapper.find('.callout').text()).toBe('fail')
form.trigger('submit')
await wrapper.vm.$nextTick()
expect(Vue.prototype.$alert).toBeCalledWith('ok')
})