add dragelment getCursor and align tests

Author: etpinard

test/jasmine/tests/dragelement_test.js

@@ -0,0 +1,155 @@
+var dragElement = require('@src/components/dragelement');
+
+
+describe('dragElement.getCursor', function() {
+    'use strict';
+
+    var getCursor = dragElement.getCursor;
+
+    it('should return sw-resize when x < 1/3, y < 1/3', function() {
+        var cursor = getCursor(0.2, 0);
+        expect(cursor).toEqual('sw-resize');
+
+        cursor = getCursor(1, 0, 'left');
+        expect(cursor).toEqual('sw-resize', 'with left xanchor');
+
+        cursor = getCursor(0.3, 1, null, 'bottom');
+        expect(cursor).toEqual('sw-resize', 'with bottom yanchor');
+    });
+
+    it('should return s-resize when 1/3 < x < 2/3, y < 1/3', function() {
+        var cursor = getCursor(0.4, 0.3);
+        expect(cursor).toEqual('s-resize');
+
+        cursor = getCursor(0, 0, 'center');
+        expect(cursor).toEqual('s-resize', 'with center xanchor');
+
+        cursor = getCursor(0.63, 1, null, 'bottom');
+        expect(cursor).toEqual('s-resize', 'with bottom yanchor');
+    });
+
+    it('should return se-resize when x > 2/3, y < 1/3', function() {
+        var cursor = getCursor(0.9, 0.1);
+        expect(cursor).toEqual('se-resize');
+
+        cursor = getCursor(0, 0, 'right');
+        expect(cursor).toEqual('se-resize', 'with right xanchor');
+
+        cursor = getCursor(0.63, 1, null, 'bottom');
+        expect(cursor).toEqual('s-resize', 'with bottom yanchor');
+    });
+
+    it('should return w-resize when x < 1/3, 1/3 < y < 2/3', function() {
+        var cursor = getCursor(0.1, 0.4);
+        expect(cursor).toEqual('w-resize');
+
+        cursor = getCursor(0.9, 0.5, 'left');
+        expect(cursor).toEqual('w-resize', 'with left xanchor');
+
+        cursor = getCursor(0.1, 0.1, null, 'middle');
+        expect(cursor).toEqual('w-resize', 'with middle yanchor');
+    });
+
+    it('should return move when 1/3 < x < 2/3, 1/3 < y < 2/3', function() {
+        var cursor = getCursor(0.4, 0.4);
+        expect(cursor).toEqual('move');
+
+        cursor = getCursor(0.9, 0.5, 'center');
+        expect(cursor).toEqual('move', 'with center xanchor');
+
+        cursor = getCursor(0.4, 0.1, null, 'middle');
+        expect(cursor).toEqual('move', 'with middle yanchor');
+    });
+
+    it('should return e-resize when x > 1/3, 1/3 < y < 2/3', function() {
+        var cursor = getCursor(0.8, 0.4);
+        expect(cursor).toEqual('e-resize');
+
+        cursor = getCursor(0.09, 0.5, 'right');
+        expect(cursor).toEqual('e-resize', 'with right xanchor');
+
+        cursor = getCursor(0.9, 0.1, null, 'middle');
+        expect(cursor).toEqual('e-resize', 'with middle yanchor');
+    });
+
+    it('should return nw-resize when x > 1/3, y > 2/3', function() {
+        var cursor = getCursor(0.2, 0.7);
+        expect(cursor).toEqual('nw-resize');
+
+        cursor = getCursor(0.9, 0.9, 'left');
+        expect(cursor).toEqual('nw-resize', 'with left xanchor');
+
+        cursor = getCursor(0.1, 0.1, null, 'top');
+        expect(cursor).toEqual('nw-resize', 'with top yanchor');
+    });
+
+    it('should return nw-resize when 1/3 < x < 2/3, y > 2/3', function() {
+        var cursor = getCursor(0.4, 0.7);
+        expect(cursor).toEqual('n-resize');
+
+        cursor = getCursor(0.9, 0.9, 'center');
+        expect(cursor).toEqual('n-resize', 'with center xanchor');
+
+        cursor = getCursor(0.5, 0.1, null, 'top');
+        expect(cursor).toEqual('n-resize', 'with top yanchor');
+    });
+
+    it('should return nw-resize when x > 2/3, y > 2/3', function() {
+        var cursor = getCursor(0.7, 0.7);
+        expect(cursor).toEqual('ne-resize');
+
+        cursor = getCursor(0.09, 0.9, 'right');
+        expect(cursor).toEqual('ne-resize', 'with right xanchor');
+
+        cursor = getCursor(0.8, 0.1, null, 'top');
+        expect(cursor).toEqual('ne-resize', 'with top yanchor');
+    });
+});
+
+describe('dragElement.align', function() {
+    'use strict';
+
+    var align = dragElement.align;
+
+    it('should return min value if anchor is set to \'bottom\' or \'left\'', function() {
+        var al = align(0, 1, 0, 1, 'bottom');
+        expect(al).toEqual(0);
+
+        al = align(0, 1, 0, 1, 'left');
+        expect(al).toEqual(0);
+    });
+
+    it('should return max value if anchor is set to \'top\' or \'right\'', function() {
+        var al = align(0, 1, 0, 1, 'top');
+        expect(al).toEqual(1);
+
+        al = align(0, 1, 0, 1, 'right');
+        expect(al).toEqual(1);
+    });
+
+    it('should return center value if anchor is set to \'middle\' or \'center\'', function() {
+        var al = align(0, 1, 0, 1, 'middle');
+        expect(al).toEqual(0.5);
+
+        al = align(0, 1, 0, 1, 'center');
+        expect(al).toEqual(0.5);
+    });
+
+    it('should return center value if anchor is set to \'middle\' or \'center\'', function() {
+        var al = align(0, 1, 0, 1, 'middle');
+        expect(al).toEqual(0.5);
+
+        al = align(0, 1, 0, 1, 'center');
+        expect(al).toEqual(0.5);
+    });
+
+    it('should return min value ', function() {
+        var al = align(0, 1, 0, 1);
+        expect(al).toEqual(0);
+    });
+
+    it('should return max value ', function() {
+        var al = align(1, 1, 0, 1);
+        expect(al).toEqual(2);
+    });
+});