summaryrefslogtreecommitdiff
path: root/spec/javascripts/vue_shared/components/panel_resizer_spec.js
diff options
context:
space:
mode:
Diffstat (limited to 'spec/javascripts/vue_shared/components/panel_resizer_spec.js')
-rw-r--r--spec/javascripts/vue_shared/components/panel_resizer_spec.js85
1 files changed, 0 insertions, 85 deletions
diff --git a/spec/javascripts/vue_shared/components/panel_resizer_spec.js b/spec/javascripts/vue_shared/components/panel_resizer_spec.js
deleted file mode 100644
index d65ee8eeb2d..00000000000
--- a/spec/javascripts/vue_shared/components/panel_resizer_spec.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import Vue from 'vue';
-import mountComponent from 'spec/helpers/vue_mount_component_helper';
-import panelResizer from '~/vue_shared/components/panel_resizer.vue';
-
-describe('Panel Resizer component', () => {
- let vm;
- let PanelResizer;
-
- const triggerEvent = (eventName, el = vm.$el, clientX = 0) => {
- const event = document.createEvent('MouseEvents');
- event.initMouseEvent(
- eventName,
- true,
- true,
- window,
- 1,
- clientX,
- 0,
- clientX,
- 0,
- false,
- false,
- false,
- false,
- 0,
- null,
- );
-
- el.dispatchEvent(event);
- };
-
- beforeEach(() => {
- PanelResizer = Vue.extend(panelResizer);
- });
-
- afterEach(() => {
- vm.$destroy();
- });
-
- it('should render a div element with the correct classes and styles', () => {
- vm = mountComponent(PanelResizer, {
- startSize: 100,
- side: 'left',
- });
-
- expect(vm.$el.tagName).toEqual('DIV');
- expect(vm.$el.getAttribute('class')).toBe(
- 'position-absolute position-top-0 position-bottom-0 drag-handle position-left-0',
- );
-
- expect(vm.$el.getAttribute('style')).toBe('cursor: ew-resize;');
- });
-
- it('should render a div element with the correct classes for a right side panel', () => {
- vm = mountComponent(PanelResizer, {
- startSize: 100,
- side: 'right',
- });
-
- expect(vm.$el.tagName).toEqual('DIV');
- expect(vm.$el.getAttribute('class')).toBe(
- 'position-absolute position-top-0 position-bottom-0 drag-handle position-right-0',
- );
- });
-
- it('drag the resizer', () => {
- vm = mountComponent(PanelResizer, {
- startSize: 100,
- side: 'left',
- });
-
- spyOn(vm, '$emit');
- triggerEvent('mousedown', vm.$el);
- triggerEvent('mousemove', document);
- triggerEvent('mouseup', document);
-
- expect(vm.$emit.calls.allArgs()).toEqual([
- ['resize-start', 100],
- ['update:size', 100],
- ['resize-end', 100],
- ]);
-
- expect(vm.size).toBe(100);
- });
-});