113 lines
2.5 KiB
JavaScript
113 lines
2.5 KiB
JavaScript
import Vue from 'vue';
|
|
import { shallowMount, mount } from '@vue/test-utils';
|
|
import List from '@components/List/List.vue';
|
|
import EventBus from '@components/EventBus';
|
|
|
|
const items = [
|
|
{
|
|
id_wishlist: 1,
|
|
nbProducts: 2,
|
|
name: 'Test of list number one',
|
|
listUrl: '#'
|
|
},
|
|
{
|
|
id_wishlist: 2,
|
|
nbProducts: 2,
|
|
name: 'Test of list 2',
|
|
listUrl: '#'
|
|
}
|
|
];
|
|
|
|
describe('List.vue', () => {
|
|
it('should be loading if no items are provided', async () => {
|
|
const wrapper = shallowMount(List);
|
|
|
|
expect(wrapper.vm.loading).toBe(true);
|
|
});
|
|
|
|
it('should render a list of items if they are provided', async () => {
|
|
const wrapper = shallowMount(List, {
|
|
propsData: {
|
|
loading: false,
|
|
items
|
|
}
|
|
});
|
|
|
|
expect(wrapper.vm.loading).toBe(false);
|
|
|
|
expect(wrapper.find('ul li').exists()).toBe(true);
|
|
expect(wrapper.findAll('li')).toHaveLength(2);
|
|
});
|
|
|
|
it('should open links popup', async () => {
|
|
const wrapper = mount(List, {
|
|
propsData: {
|
|
loading: false,
|
|
items
|
|
}
|
|
});
|
|
|
|
expect(wrapper.vm.loading).toBe(false);
|
|
|
|
const lists = wrapper.findAll('li');
|
|
|
|
lists.wrappers.forEach(list => {
|
|
list.find('.wishlist-list-item-actions').trigger('click');
|
|
});
|
|
|
|
expect(wrapper.vm.activeDropdowns.length).toBe(1);
|
|
});
|
|
|
|
it('should click on share and open share modal', async () => {
|
|
EventBus.$on('showShareWishlist', e => {
|
|
expect(e.detail.listId).toBe(1);
|
|
});
|
|
|
|
const wrapper = mount(List, {
|
|
propsData: {
|
|
loading: false,
|
|
items,
|
|
listId: 1
|
|
}
|
|
});
|
|
|
|
expect(wrapper.vm.loading).toBe(false);
|
|
|
|
const list = wrapper.find('li:first-child');
|
|
|
|
list.find('.wishlist-list-item-actions').trigger('click');
|
|
await Vue.nextTick();
|
|
|
|
list.find('.dropdown-menu button:last-child').trigger('click');
|
|
await Vue.nextTick();
|
|
|
|
expect(wrapper.vm.activeDropdowns.length).toBe(1);
|
|
});
|
|
|
|
it('should click on rename and open rename modal', async () => {
|
|
EventBus.$on('showRenameWishlist', e => {
|
|
expect(e.detail.listId).toBe(1);
|
|
});
|
|
|
|
const wrapper = mount(List, {
|
|
propsData: {
|
|
loading: false,
|
|
items,
|
|
listId: 1
|
|
}
|
|
});
|
|
|
|
expect(wrapper.vm.loading).toBe(false);
|
|
|
|
const list = wrapper.find('li:first-child');
|
|
|
|
list.find('.wishlist-list-item-actions').trigger('click');
|
|
await Vue.nextTick();
|
|
|
|
list.find('.dropdown-menu button:first-child').trigger('click');
|
|
await Vue.nextTick();
|
|
|
|
expect(wrapper.vm.activeDropdowns.length).toBe(1);
|
|
});
|
|
});
|