Merge pull request #5676 from evmac/master

test(columnMoving): adds tests for column moving on mobile devices

Author: dlgski

src/features/move-columns/test/column-movable.spec.js

@@ -183,7 +183,83 @@ describe('ui.grid.moveColumns', function () {
     expect(scope.grid.columns[3].name).toBe('company');
     expect(scope.grid.columns[4].name).toBe('phone');
   });
-  
+
+  describe('when jQuery is enabled on touch devices', function() {
+
+    it('expect column to move right when dragged right', function () {
+      var event = jQuery.Event("touchstart", {
+        originalEvent: {
+          pageX: 0
+        }
+      });
+      var columnHeader = angular.element(element.find('.ui-grid-cell-contents')[0]);
+      columnHeader.trigger(event);
+      event = jQuery.Event("touchmove", {
+        originalEvent: {
+          pageX: 200
+        }
+      });
+      document.trigger(event);
+      document.trigger(event);
+      event = jQuery.Event("touchend");
+      document.trigger(event);
+      expect(scope.grid.columns[0].name).toBe('gender');
+      expect(scope.grid.columns[1].name).toBe('age');
+      expect(scope.grid.columns[2].name).toBe('name');
+      expect(scope.grid.columns[3].name).toBe('company');
+      expect(scope.grid.columns[4].name).toBe('phone');
+    });
+
+    it('expect column to move left when dragged left', function () {
+      var event = jQuery.Event("touchstart", {
+        originalEvent: {
+          pageX: 0
+        }
+      });
+      var columnHeader = angular.element(element.find('.ui-grid-cell-contents')[1]);
+      columnHeader.trigger(event);
+      event = jQuery.Event("touchmove", {
+        originalEvent: {
+          pageX: -200
+        }
+      });
+      document.trigger(event);
+      document.trigger(event);
+      event = jQuery.Event("touchend");
+      document.trigger(event);
+      expect(scope.grid.columns[0].name).toBe('gender');
+      expect(scope.grid.columns[1].name).toBe('name');
+      expect(scope.grid.columns[2].name).toBe('age');
+      expect(scope.grid.columns[3].name).toBe('company');
+      expect(scope.grid.columns[4].name).toBe('phone');
+    });
+
+    it('expect column movement to not happen if enableColumnMoving is false', function () {
+      var event = jQuery.Event("touchstart", {
+        originalEvent: {
+          pageX: 0
+        }
+      });
+      var columnHeader = angular.element(element.find('.ui-grid-cell-contents')[3]);
+      columnHeader.trigger(event);
+      event = jQuery.Event("touchmove", {
+        originalEvent: {
+          pageX: 200
+        }
+      });
+      document.trigger(event);
+      document.trigger(event);
+      event = jQuery.Event("touchend");
+      document.trigger(event);
+      expect(scope.grid.columns[0].name).toBe('name');
+      expect(scope.grid.columns[1].name).toBe('gender');
+      expect(scope.grid.columns[2].name).toBe('age');
+      expect(scope.grid.columns[3].name).toBe('company');
+      expect(scope.grid.columns[4].name).toBe('phone');
+    });
+
+  });
+
   it('expect column move not to happen if moving across hidden columns', function() {
     scope.gridOptions.columnDefs[1].visible = false;
     scope.gridApi.colMovable.moveColumn(0, 3);
@@ -193,5 +269,5 @@ describe('ui.grid.moveColumns', function () {
     expect(scope.grid.columns[3].name).toBe('company');
     expect(scope.grid.columns[4].name).toBe('phone');
   });
-  
+
 });