147 lines
4.5 KiB
JavaScript
147 lines
4.5 KiB
JavaScript
/* eslint-disable no-mixed-operators */
|
|
import Vue from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import Dashboard from '@/components/user/Dashboard'
|
|
import toastr from 'toastr'
|
|
import { swal } from '@/js/notify'
|
|
|
|
jest.mock('@/js/notify')
|
|
|
|
window.blessing.extra = { unverified: false }
|
|
|
|
function scoreInfo(data = {}) {
|
|
return {
|
|
user: { score: 835, lastSignAt: '2018-08-07 16:06:49' },
|
|
stats: {
|
|
players: {
|
|
used: 3, total: 15, percentage: 20,
|
|
},
|
|
storage: {
|
|
used: 5, total: 20, percentage: 25,
|
|
},
|
|
},
|
|
signAfterZero: false,
|
|
signGapTime: '24',
|
|
...data,
|
|
}
|
|
}
|
|
|
|
test('fetch score info', () => {
|
|
Vue.prototype.$http.get.mockResolvedValue(scoreInfo())
|
|
mount(Dashboard)
|
|
expect(Vue.prototype.$http.get).toBeCalledWith('/user/score-info')
|
|
})
|
|
test('players usage', async () => {
|
|
Vue.prototype.$http.get.mockResolvedValue(scoreInfo())
|
|
const wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.text()).toContain('3 / 15')
|
|
expect(wrapper.find('.progress-bar-aqua').attributes('style')).toBe('width: 20%;')
|
|
})
|
|
test('storage usage', async () => {
|
|
Vue.prototype.$http.get
|
|
.mockResolvedValueOnce(scoreInfo())
|
|
.mockResolvedValueOnce(scoreInfo({
|
|
stats: {
|
|
players: {
|
|
used: 3, total: 15, percentage: 20,
|
|
},
|
|
storage: {
|
|
used: 2048, total: 4096, percentage: 50,
|
|
},
|
|
},
|
|
}))
|
|
let wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.text()).toContain('5 / 20 KB')
|
|
expect(wrapper.find('.progress-bar-yellow').attributes('style')).toBe('width: 25%;')
|
|
|
|
wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.text()).toContain('2 / 4 MB')
|
|
expect(wrapper.find('.progress-bar-yellow').attributes('style')).toBe('width: 50%;')
|
|
})
|
|
test('display score', async () => {
|
|
Vue.prototype.$http.get.mockResolvedValue(scoreInfo())
|
|
const wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('#score').text()).toContain('835')
|
|
})
|
|
test('button `sign` state', async () => {
|
|
Vue.prototype.$http.get
|
|
.mockResolvedValueOnce(scoreInfo({ signAfterZero: true }))
|
|
.mockResolvedValueOnce(scoreInfo({
|
|
signAfterZero: true,
|
|
user: { lastSignAt: Date.now() },
|
|
}))
|
|
.mockResolvedValueOnce(scoreInfo({ user: { lastSignAt: Date.now() - 25 * 3600 * 1000 } }))
|
|
.mockResolvedValueOnce(scoreInfo({ user: { lastSignAt: Date.now() } }))
|
|
|
|
let wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').attributes('disabled')).toBeNil()
|
|
|
|
wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').attributes('disabled')).toBe('disabled')
|
|
|
|
wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').attributes('disabled')).toBeNil()
|
|
|
|
wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').attributes('disabled')).toBe('disabled')
|
|
})
|
|
test('remaining time', async () => {
|
|
const origin = Vue.prototype.$t
|
|
Vue.prototype.$t = (key, args) => key + JSON.stringify(args)
|
|
|
|
Vue.prototype.$http.get
|
|
.mockResolvedValueOnce(scoreInfo({
|
|
user: { lastSignAt: Date.now() - 23.5 * 3600 * 1000 },
|
|
}))
|
|
.mockResolvedValueOnce(scoreInfo({
|
|
user: { lastSignAt: Date.now() },
|
|
}))
|
|
|
|
let wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').text()).toMatch(/(29)|(30)/)
|
|
expect(wrapper.find('button').text()).toContain('min')
|
|
|
|
wrapper = mount(Dashboard)
|
|
await wrapper.vm.$nextTick()
|
|
expect(wrapper.find('button').text()).toContain('23')
|
|
expect(wrapper.find('button').text()).toContain('hour')
|
|
|
|
Vue.prototype.$t = origin
|
|
})
|
|
test('sign', async () => {
|
|
jest.spyOn(toastr, 'warning')
|
|
swal.mockResolvedValue()
|
|
Vue.prototype.$http.get.mockResolvedValue(scoreInfo({
|
|
user: { lastSignAt: Date.now() - 30 * 3600 * 1000 },
|
|
}))
|
|
Vue.prototype.$http.post
|
|
.mockResolvedValueOnce({ errno: 1, msg: '1' })
|
|
.mockResolvedValueOnce({
|
|
errno: 0,
|
|
score: 233,
|
|
storage: { used: 3, total: 4 },
|
|
})
|
|
const wrapper = mount(Dashboard)
|
|
const button = wrapper.find('button')
|
|
await wrapper.vm.$nextTick()
|
|
|
|
button.trigger('click')
|
|
await wrapper.vm.$nextTick()
|
|
expect(Vue.prototype.$http.post).toBeCalledWith('/user/sign')
|
|
expect(toastr.warning).toBeCalledWith('1')
|
|
|
|
button.trigger('click')
|
|
await wrapper.vm.$nextTick()
|
|
expect(button.attributes('disabled')).toBe('disabled')
|
|
expect(wrapper.text()).toContain('3 / 4 KB')
|
|
})
|