Add the ability to enable/disable UI animations. Fixes #1978

web/regression/javascript/browser/modify_animation_spec.js

@@ -0,0 +1,94 @@
+/////////////////////////////////////////////////////////////
+//
+// pgAdmin 4 - PostgreSQL Tools
+//
+// Copyright (C) 2013 - 2018, The pgAdmin Development Team
+// This software is released under the PostgreSQL Licence
+//
+//////////////////////////////////////////////////////////////
+
+import $ from 'jquery'
+import modifyAnimation from 'sources/modify_animation'
+
+
+describe('modifyAnimation', function () {
+  let pgBrowser;
+  let dummyElement;
+
+  beforeEach(() => {
+    pgBrowser = jasmine.createSpyObj('pgBrowser', ['get_preference', 'tree'])
+    pgBrowser.tree = jasmine.createSpyObj('tree', ['options']);
+    pgBrowser.tree.options.and.returnValue({
+          show: {},
+          hide: {},
+          view: {},
+    });
+    dummyElement = document.createElement('link');
+    spyOn($.fn, 'find').and.returnValue($(dummyElement));
+    spyOn($.fn, 'removeAttr');
+    spyOn($.fn, 'attr');
+  });
+
+  describe('When browser tree animation is disabled', () => {
+    beforeEach(() => {
+      pgBrowser.get_preference.and.returnValue({value: false});
+      modifyAnimation.modify_acitree_animation(pgBrowser);
+    });
+    it('tree options to animate should be disabled', function() {
+      expect(pgBrowser.get_preference).toHaveBeenCalled();
+      expect(pgBrowser.tree.options).toHaveBeenCalledTimes(4);
+      expect(pgBrowser.tree.options).toHaveBeenCalledWith({
+        animateRoot: false,
+        unanimated: true,
+        show: {duration: 0},
+        hide: {duration: 0},
+        view: {duration: 0},
+      });
+    });
+  });
+
+  describe('When browser tree animation is enabled', () => {
+    beforeEach(() => {
+      pgBrowser.get_preference.and.returnValue({value: true});
+      modifyAnimation.modify_acitree_animation(pgBrowser);
+    });
+    it('tree options to animate should be enabled', function() {
+      expect(pgBrowser.get_preference).toHaveBeenCalled();
+      expect(pgBrowser.tree.options).toHaveBeenCalledTimes(4);
+      expect(pgBrowser.tree.options).toHaveBeenCalledWith({
+        animateRoot: true,
+        unanimated: false,
+        show: {duration: 75},
+        hide: {duration: 75},
+        view: {duration: 75},
+      });
+    });
+  });
+
+  describe('When alertify animation is disabled', () => {
+    beforeEach(() => {
+      pgBrowser.get_preference.and.returnValue({value: false});
+      modifyAnimation.modify_alertify_animation(pgBrowser);
+
+    });
+    it('alertify disalogue/notification animation should be disabled', function() {
+      expect(pgBrowser.get_preference).toHaveBeenCalled();
+      expect($.fn.find).toHaveBeenCalled();
+      expect($.fn.removeAttr).toHaveBeenCalledWith('disabled', 'disabled');
+    });
+  });
+
+  describe('When alertify animation is enabled', () => {
+    beforeEach(() => {
+      pgBrowser.get_preference.and.returnValue({value: true});
+      modifyAnimation.modify_alertify_animation(pgBrowser);
+    });
+    it('alertify disalogue/notification animation should be enabled', function() {
+      expect(pgBrowser.get_preference).toHaveBeenCalled();
+      expect($.fn.find).toHaveBeenCalled();
+      expect($.fn.attr).toHaveBeenCalledWith('disabled', 'disabled');
+    });
+  });
+
+});
+