blessing-skin-server/resources/assets/tests/views/admin/Players.test.ts
2019-11-30 12:01:17 +08:00

144 lines
3.7 KiB
TypeScript

import Vue from 'vue'
import { mount } from '@vue/test-utils'
import { flushPromises } from '../../utils'
import { showModal } from '@/scripts/notify'
import Modal from '@/components/Modal.vue'
import Players from '@/views/admin/Players.vue'
jest.mock('@/scripts/notify')
test('fetch data after initializing', () => {
Vue.prototype.$http.get.mockResolvedValue({ data: [] })
mount(Players)
expect(Vue.prototype.$http.get).toBeCalledWith(
'/admin/player-data',
{
page: 1, perPage: 10, search: '', sortField: 'pid', sortType: 'asc',
},
)
})
test('change texture', async () => {
Vue.prototype.$http.get.mockResolvedValue({
data: [
{ pid: 1, tid_skin: 0 },
],
})
Vue.prototype.$http.post
.mockResolvedValueOnce({ code: 1, message: '1' })
.mockResolvedValueOnce({ code: 0, message: '0' })
const wrapper = mount(Players)
await flushPromises()
const modal = wrapper.find(Modal)
wrapper.findAll('.btn-default').trigger('click')
wrapper.find('.modal-body input').setValue('5')
modal.vm.$emit('confirm')
await flushPromises()
expect(Vue.prototype.$http.post).toBeCalledWith(
'/admin/players?action=texture',
{
pid: 1, tid: 5, type: 'skin',
},
)
modal.vm.$emit('confirm')
await flushPromises()
expect(wrapper.html()).toContain('/preview/64/5.png')
})
test('change player name', async () => {
Vue.prototype.$http.get.mockResolvedValue({
data: [
{ pid: 1, name: 'old' },
],
})
Vue.prototype.$http.post
.mockResolvedValueOnce({ code: 1, message: '1' })
.mockResolvedValueOnce({ code: 0, message: '0' })
showModal
.mockRejectedValueOnce(null)
.mockResolvedValue({ value: 'new' })
const wrapper = mount(Players)
await flushPromises()
const button = wrapper.find('[data-test="name"]')
button.trigger('click')
expect(Vue.prototype.$http.post).not.toBeCalled()
button.trigger('click')
await flushPromises()
expect(Vue.prototype.$http.post).toBeCalledWith(
'/admin/players?action=name',
{ pid: 1, name: 'new' },
)
button.trigger('click')
await flushPromises()
expect(wrapper.text()).toContain('new')
})
test('change owner', async () => {
Vue.prototype.$http.get.mockResolvedValue({
data: [
{ pid: 1, uid: 2 },
],
})
Vue.prototype.$http.post
.mockResolvedValueOnce({ code: 1, message: '1' })
.mockResolvedValueOnce({ code: 0, message: '0' })
showModal
.mockRejectedValueOnce(null)
.mockResolvedValue({ value: '3' })
const wrapper = mount(Players)
await flushPromises()
const button = wrapper.find('[data-test="owner"]')
button.trigger('click')
expect(Vue.prototype.$http.post).not.toBeCalled()
button.trigger('click')
await flushPromises()
expect(Vue.prototype.$http.post).toBeCalledWith(
'/admin/players?action=owner',
{ pid: 1, uid: 3 },
)
button.trigger('click')
await flushPromises()
expect(wrapper.text()).toContain('3')
})
test('delete player', async () => {
Vue.prototype.$http.get.mockResolvedValue({
data: [
{ pid: 1, name: 'to-be-deleted' },
],
})
Vue.prototype.$http.post
.mockResolvedValueOnce({ code: 1, message: '1' })
.mockResolvedValueOnce({ code: 0, message: '0' })
showModal
.mockRejectedValueOnce(null)
.mockResolvedValue({ value: '' })
const wrapper = mount(Players)
await flushPromises()
const button = wrapper.find('.btn-danger')
button.trigger('click')
expect(Vue.prototype.$http.post).not.toBeCalled()
button.trigger('click')
await flushPromises()
expect(Vue.prototype.$http.post).toBeCalledWith(
'/admin/players?action=delete',
{ pid: 1 },
)
expect(wrapper.text()).toContain('to-be-deleted')
button.trigger('click')
await flushPromises()
expect(wrapper.text()).toContain('No data')
})