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);
    });
});