import { mount } from '@vue/test-utils'; import Panel from './Panel.vue'; describe('Panel.vue', () => { let wrapper; beforeEach(() => { wrapper = mount(Panel, { props: { header: 'PrimeVue' }, slots: { default: '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>' } }); }); it('should exist', () => { expect(wrapper.find('.p-panel.p-component').exists()).toBe(true); expect(wrapper.find('.p-panel-content').text()).toBe('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt'); expect(wrapper.find('.p-panel-title').text()).toBe('PrimeVue'); }); it('should be toggleable', async () => { await wrapper.setProps({ toggleable: true }); expect(wrapper.find('.p-panel.p-component').classes()).toContain('p-panel-toggleable'); await wrapper.vm.toggle({}); expect(wrapper.emitted().toggle[0]).toEqual([{ originalEvent: {}, value: true }]); }); });