splitter tests added

src/components/splitter/Splitter.spec.js

@@ -0,0 +1,42 @@
+import { mount } from '@vue/test-utils';
+import Splitter from './Splitter.vue';
+import SplitterPanel from '@/components/splitterpanel/SplitterPanel.vue';
+
+describe('Splitter.vue', () => {
+    let wrapper;
+
+    beforeEach(() => {
+        wrapper = mount(Splitter, {
+            global: {
+                components: {
+                    SplitterPanel
+                }
+            },
+            slots: {
+                default: `
+                    <SplitterPanel class="flex align-items-center justify-content-center">
+                        Panel 1
+                    </SplitterPanel>
+                    <SplitterPanel class="flex align-items-center justify-content-center">
+                        Panel 2
+                    </SplitterPanel>
+                `
+            }
+        });
+    });
+
+    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-resizing');
+    });
+});

src/components/splitterpanel/SplitterPanel.spec.js

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+import SplitterPanel from './SplitterPanel.vue';
+
+describe('SplitterPanel.vue', () => {
+    let wrapper;
+
+    beforeEach(() => {
+        wrapper = mount(SplitterPanel, {
+            attrs: {
+                class: 'flex align-items-center justify-content-center'
+            },
+            slots: {
+                default: 'Panel 1'
+            }
+        });
+    });
+
+    it('should exist', () => {
+        expect(wrapper.find('.p-splitter-panel').exists()).toBe(true);
+        expect(wrapper.attributes().class).toBe('p-splitter-panel flex align-items-center justify-content-center');
+        expect(wrapper.find('.p-splitter-panel').text()).toBe('Panel 1');
+    });
+});