vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Create PanelMenu.spec.js

pull/2342/head
Tuğçe Küçükoğlu 2022-03-22 10:19:14 +03:00
parent bcbe8ebe63
commit c5193d949d
1 changed files with 86 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/panelmenu/PanelMenu.spec.js Normal file
View File

@ -0,0 +1,86 @@
import { mount } from '@vue/test-utils';
import PanelMenu from './PanelMenu.vue';
describe('PanelMenu', () => {
let wrapper;
beforeEach(() => {
wrapper = mount(PanelMenu, {
global: {
stubs: {
'router-link': true
}
},
props: {
model: [
{
key: '2',
label: 'Users',
icon: 'pi pi-fw pi-user',
items: [
{
key: '2_0',
label: 'New',
icon: 'pi pi-fw pi-user-plus',
},
{
key: '2_1',
label: 'Delete',
icon: 'pi pi-fw pi-user-minus',
},
{
key: '2_2',
label: 'Search',
icon: 'pi pi-fw pi-users',
items: [
{
key: '2_2_0',
label: 'Filter',
icon: 'pi pi-fw pi-filter',
items: [
{
key: '2_2_0_0',
label: 'Print',
icon: 'pi pi-fw pi-print'
}
]
},
{
key: '2_2_1',
icon: 'pi pi-fw pi-bars',
label: 'List'
}
]
}
]
}
]
}
});
});
it('should exist', () => {
expect(wrapper.find('.p-panelmenu.p-component').exists()).toBe(true);
expect(wrapper.findAll('.p-menuitem').length).toBe(6);
expect(wrapper.findAll('.p-toggleable-content').length).toBe(7);
expect(wrapper.findAll('.p-submenu-list').length).toBe(3);
});
it('should toggle', async () => {
expect(wrapper.findAll('.p-toggleable-content')[0].attributes().style).toBe('display: none;');
await wrapper.vm.onItemClick({}, wrapper.vm.model[0]);
expect(wrapper.find('.p-panelmenu-header-link > .p-panelmenu-icon').classes()).toContain('pi-chevron-down');
expect(wrapper.findAll('.p-toggleable-content')[0].attributes().style).toBe(undefined);
});
it('should update expandedKeys', async () => {
await wrapper.setProps({ expandedKeys: {'2': true} });
await wrapper.vm.onItemClick({}, wrapper.vm.model[0].items[2]);
expect(wrapper.emitted()['update:expandedKeys'][0]).toEqual([{ '2': true, '2_2': true }]);
});
});