114 lines
3.3 KiB
JavaScript
114 lines
3.3 KiB
JavaScript
import { mount } from '@vue/test-utils';
|
|
import ClosetItem from '@/user/ClosetItem';
|
|
import axios from 'axios';
|
|
import swal from 'sweetalert2';
|
|
|
|
jest.mock('axios');
|
|
jest.mock('sweetalert2');
|
|
|
|
function factory(opt = {}) {
|
|
return {
|
|
tid: 1,
|
|
name: 'texture',
|
|
type: 'steve',
|
|
...opt
|
|
};
|
|
}
|
|
|
|
beforeEach(() => {
|
|
axios.post.mockReset();
|
|
swal.mockReset();
|
|
});
|
|
|
|
test('computed values', () => {
|
|
const wrapper = mount(ClosetItem, { propsData: factory() });
|
|
expect(wrapper.find('img').attributes().src).toBe('/preview/1.png');
|
|
expect(wrapper.find('a.more').attributes().href).toBe('/skinlib/show/1');
|
|
});
|
|
|
|
test('selected item', () => {
|
|
const wrapper = mount(ClosetItem, { propsData: factory({ selected: true }) });
|
|
expect(wrapper.find('.item').classes()).toContain('item-selected');
|
|
});
|
|
|
|
test('click item body', () => {
|
|
const wrapper = mount(ClosetItem, { propsData: factory() });
|
|
|
|
wrapper.find('.item').trigger('click');
|
|
expect(wrapper.emitted().select).toBeUndefined();
|
|
|
|
wrapper.find('.item-body').trigger('click');
|
|
expect(wrapper.emitted().select).toBeTruthy();
|
|
});
|
|
|
|
test('rename texture', async () => {
|
|
axios.post
|
|
.mockResolvedValueOnce({ data: { errno: 0 } })
|
|
.mockResolvedValueOnce({ data: { errno: 1 } });
|
|
swal.mockImplementation(async options => {
|
|
options.inputValidator('name');
|
|
options.inputValidator().catch(() => {});
|
|
return 'new-name';
|
|
});
|
|
|
|
const wrapper = mount(ClosetItem, { propsData: factory() });
|
|
const button = wrapper.findAll('.dropdown-menu > li').at(0).find('a');
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
expect(wrapper.find('.texture-name > span').text()).toBe('new-name (steve)');
|
|
expect(axios.post).toBeCalledWith(
|
|
'/user/closet/rename',
|
|
{ tid: 1, new_name: 'new-name' }
|
|
);
|
|
});
|
|
|
|
test('remove texture', async () => {
|
|
axios.post
|
|
.mockResolvedValueOnce({ data: { errno: 0 } })
|
|
.mockResolvedValueOnce({ data: { errno: 1 } });
|
|
swal.mockResolvedValue();
|
|
|
|
const wrapper = mount(ClosetItem, { propsData: factory() });
|
|
const button = wrapper.findAll('.dropdown-menu > li').at(1).find('a');
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
await wrapper.vm.$nextTick();
|
|
expect(wrapper.emitted()['item-removed'][0][0]).toBe(1);
|
|
expect(axios.post).toBeCalledWith('/user/closet/remove', { tid: 1 });
|
|
});
|
|
|
|
test('set as avatar', async () => {
|
|
axios.post
|
|
.mockResolvedValueOnce({ data: { errno: 0 } })
|
|
.mockResolvedValueOnce({ data: { errno: 1 } });
|
|
swal.mockResolvedValue();
|
|
window.$ = jest.fn(() => ({
|
|
each(fn) { fn(); },
|
|
prop() {},
|
|
attr() { return ''; }
|
|
}));
|
|
|
|
const wrapper = mount(ClosetItem, { propsData: factory() });
|
|
const button = wrapper.findAll('.dropdown-menu > li').at(2).find('a');
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
button.trigger('click');
|
|
await wrapper.vm.$nextTick();
|
|
|
|
await wrapper.vm.$nextTick();
|
|
expect(axios.post).toBeCalledWith('/user/profile/avatar', { tid: 1 });
|
|
expect(window.$).toBeCalledWith('[alt="User Image"]');
|
|
});
|