70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
|
import { mount } from '@vue/test-utils';
|
||
|
|
import PrimeVue from '@/components/config/PrimeVue';
|
||
|
|
import Menu from './Menu.vue';
|
||
|
|
|
||
|
|
describe('Menu.vue', () => {
|
||
|
|
let wrapper;
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
wrapper = mount(Menu, {
|
||
|
|
global: {
|
||
|
|
plugins: [PrimeVue],
|
||
|
|
stubs: {
|
||
|
|
'router-link': true,
|
||
|
|
teleport: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
model: [
|
||
|
|
{
|
||
|
|
label: 'Options',
|
||
|
|
items: [{
|
||
|
|
label: 'Update',
|
||
|
|
icon: 'pi pi-refresh',
|
||
|
|
command: () => {
|
||
|
|
this.$toast.add({severity:'success', summary:'Updated', detail:'Data Updated', life: 3000});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Delete',
|
||
|
|
icon: 'pi pi-times',
|
||
|
|
command: () => {
|
||
|
|
this.$toast.add({ severity: 'warn', summary: 'Delete', detail: 'Data Deleted', life: 3000});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]},
|
||
|
|
{
|
||
|
|
label: 'Navigate',
|
||
|
|
items: [{
|
||
|
|
label: 'Vue Website',
|
||
|
|
icon: 'pi pi-external-link',
|
||
|
|
url: 'https://vuejs.org/'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Router',
|
||
|
|
icon: 'pi pi-upload',
|
||
|
|
to: '/fileupload'
|
||
|
|
}
|
||
|
|
]}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should exist', () => {
|
||
|
|
expect(wrapper.find('.p-menu.p-component').exists()).toBe(true);
|
||
|
|
expect(wrapper.findAll('.p-submenu-header').length).toBe(2);
|
||
|
|
expect(wrapper.findAll('.p-submenu-header')[0].text()).toBe('Options');
|
||
|
|
expect(wrapper.findAll('.p-menuitem').length).toBe(4);
|
||
|
|
expect(wrapper.findAll('.p-menuitem')[0].find('span.p-menuitem-text').text()).toBe('Update');
|
||
|
|
expect(wrapper.findAll('.p-menuitem')[2].find('a').attributes().href).toBe('https://vuejs.org/');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should popup work', async () => {
|
||
|
|
await wrapper.setProps({ popup: true });
|
||
|
|
|
||
|
|
await wrapper.vm.toggle({});
|
||
|
|
|
||
|
|
expect(wrapper.find('.p-menu.p-component').exists()).toBe(true);
|
||
|
|
});
|
||
|
|
});
|