import { mount } from '@vue/test-utils'; import SplitterPanel from '../splitterpanel/SplitterPanel.vue'; import Splitter from './Splitter.vue'; describe('Splitter.vue', () => { let wrapper; beforeEach(() => { wrapper = mount(Splitter, { global: { components: { SplitterPanel } }, slots: { default: ` Panel 1 Panel 2 ` } }); }); it('should exist', () => { expect(wrapper.find('.p-splitter.p-component').exists()).toBe(true); expect(wrapper.find('.p-splitter').classes()).toContain('p-splitter-horizontal'); expect(wrapper.findAll('.p-splitter-panel').length).toBe(2); expect(wrapper.find('.p-splitter-gutter-handle').exists()).toBe(true); }); it('should mousedown', async () => { const gutter = wrapper.find('.p-splitter-gutter-handle').element; const siblings = wrapper.findAll('.p-splitter-panel'); await wrapper.vm.onGutterMouseDown({ currentTarget: { gutter, previousElementSibling: siblings[0].element, nextElementSibling: siblings[1].element }, pageX: 123 }, 0); expect(wrapper.find('.p-splitter').classes()).toContain('p-splitter-horizontal'); }); });