96 lines
3.4 KiB
JavaScript
96 lines
3.4 KiB
JavaScript
import { mount } from '@vue/test-utils';
|
|
import SpeedDial from './SpeedDial.vue';
|
|
|
|
describe('SpeedDial.vue', () => {
|
|
let wrapper;
|
|
|
|
beforeEach(() => {
|
|
wrapper = mount(SpeedDial, {
|
|
props: {
|
|
model: [
|
|
{
|
|
label: 'Add',
|
|
icon: 'pi pi-pencil'
|
|
},
|
|
{
|
|
label: 'Update',
|
|
icon: 'pi pi-refresh'
|
|
},
|
|
{
|
|
label: 'Delete',
|
|
icon: 'pi pi-trash'
|
|
},
|
|
{
|
|
label: 'Upload',
|
|
icon: 'pi pi-upload',
|
|
command: () => {
|
|
window.location.hash = '/fileupload';
|
|
}
|
|
},
|
|
{
|
|
label: 'Vue Website',
|
|
icon: 'pi pi-external-link',
|
|
command: () => {
|
|
window.location.href = 'https://vuejs.org/';
|
|
}
|
|
}
|
|
],
|
|
direction: 'down'
|
|
}
|
|
});
|
|
});
|
|
|
|
it('should exist', () => {
|
|
expect(wrapper.find('.p-speeddial.p-component').exists()).toBe(true);
|
|
expect(wrapper.find('.p-speeddial').classes()).toContain('p-speeddial-direction-down');
|
|
expect(wrapper.findAll('li.p-speeddial-item').length).toEqual(5);
|
|
});
|
|
|
|
it('should show the list', async () => {
|
|
await wrapper.vm.onClick({});
|
|
|
|
expect(wrapper.emitted()['click'][0]).toEqual([{}]);
|
|
expect(wrapper.emitted()['show'][0]).toEqual([]);
|
|
expect(wrapper.find('.p-speeddial').classes()).toContain('p-speeddial-opened');
|
|
expect(wrapper.findAll('li.p-speeddial-item')[0].attributes().style).toBe('transition-delay: 0ms;');
|
|
});
|
|
|
|
it('should hide the list', async () => {
|
|
await wrapper.setProps({ visible: true });
|
|
|
|
await wrapper.vm.onClick({});
|
|
|
|
expect(wrapper.find('.p-speeddial').classes()).not.toContain('p-speeddial-opened');
|
|
expect(wrapper.findAll('li.p-speeddial-item')[wrapper.findAll('li.p-speeddial-item').length - 1].attributes().style).toBe('transition-delay: 0ms;');
|
|
});
|
|
|
|
it('should have radius and type', async () => {
|
|
await wrapper.setProps({ radius: 80, direction: 'left', type: 'semi-circle' });
|
|
|
|
expect(wrapper.find('.p-speeddial').classes()).toContain('p-speeddial-semi-circle');
|
|
expect(wrapper.find('.p-speeddial').classes()).toContain('p-speeddial-direction-left');
|
|
});
|
|
|
|
it('should transition delay', async () => {
|
|
await wrapper.setProps({ transitionDelay: 80 });
|
|
|
|
expect(wrapper.findAll('li.p-speeddial-item')[wrapper.findAll('li.p-speeddial-item').length - 2].attributes().style).toBe('transition-delay: 80ms;');
|
|
});
|
|
|
|
it('should have hide icon', async () => {
|
|
await wrapper.setProps({ showIcon: 'pi pi-bars', hideIcon: 'pi pi-times' });
|
|
|
|
const button = wrapper.find('.p-speeddial-button');
|
|
|
|
expect(button.find('span').classes()).toContain('pi-bars');
|
|
|
|
expect(button.find('span').classes()).not.toContain('pi-times');
|
|
});
|
|
|
|
it('should have mask', async () => {
|
|
await wrapper.setProps({ mask: true });
|
|
|
|
expect(wrapper.find('.p-speeddial-mask').exists()).toBe(true);
|
|
});
|
|
});
|