@qooxdoo/framework/source/class/qx/test/ui/core/DragDropScrolling.js

The JS Framework for Coders

/* ************************************************************************

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2013 1&1 Internet AG, Germany, http://www.1und1.de

   License:
     MIT: https://opensource.org/licenses/MIT
     See the LICENSE file in the project's top-level directory for details.

   Authors:
     * Richard Sternagel (rsternagel)

************************************************************************ */
qx.Class.define("qx.test.ui.core.DragDropScrolling", {
  extend: qx.test.ui.LayoutTestCase,

  // the mixin under test:
  include: qx.ui.core.MDragDropScrolling,

  members: {
    list: null,

    setUp() {
      this.list = this._createDummyList();
      this.getRoot().add(this.list, { left: 150 });

      // render the widgets
      this.flush();
    },

    tearDown() {
      this.list.destroy();
    },

    _createDummyList() {
      var list = new qx.ui.form.List();
      for (var i = 0; i < 20; i++) {
        list.add(new qx.ui.form.ListItem("Item " + i));
      }
      return list;
    },

    testFindScrollableParent() {
      var li = this.list.findItem("Item 7");
      this.assertNotNull(this._findScrollableParent(li));
    },

    testIsScrollable() {
      this.assertTrue(this._isScrollable(this.list));
      this.assertFalse(this._isScrollable(this));
    },

    testGetBounds() {
      var bounds = this._getBounds(this.list);

      this.assertKeyInMap("top", bounds);
      this.assertKeyInMap("right", bounds);
      this.assertKeyInMap("bottom", bounds);
      this.assertKeyInMap("left", bounds);
    },

    testGetEdgeType() {
      var diff = {};

      diff = { left: -20, right: 0, bottom: 0, top: 0 };
      this.assertEquals("left", this._getEdgeType(diff, 20, 30));

      diff = { left: 0, right: 20, bottom: 0, top: 0 };
      this.assertEquals("right", this._getEdgeType(diff, 20, 30));

      diff = { left: 0, right: 0, bottom: 0, top: -30 };
      this.assertEquals("top", this._getEdgeType(diff, 20, 30));

      diff = { left: 0, right: 0, bottom: 30, top: 0 };
      this.assertEquals("bottom", this._getEdgeType(diff, 20, 30));
    },

    testGetAxis() {
      this.assertEquals("x", this._getAxis("left"));
      this.assertEquals("x", this._getAxis("right"));
      this.assertEquals("y", this._getAxis("top"));
      this.assertEquals("y", this._getAxis("bottom"));
      this.assertException(function () {
        this._getAxis("notLeftRightTopOrBottom");
      }, Error);
    },

    testGetThresholdByEdgeType() {
      this.setDragScrollThresholdX(15);
      this.assertEquals(15, this._getThresholdByEdgeType("left"));
      this.assertEquals(15, this._getThresholdByEdgeType("right"));

      this.setDragScrollThresholdY(25);
      this.assertEquals(25, this._getThresholdByEdgeType("top"));
      this.assertEquals(25, this._getThresholdByEdgeType("bottom"));
    },

    testIsScrollbarVisible() {
      this.assertTrue(this._isScrollbarVisible(this.list, "y"));
      this.assertFalse(this._isScrollbarVisible(this.list, "x"));
    },

    testIsScrollbarExceedingMaxPos() {
      var scrollbar = this.list.getChildControl("scrollbar-y", true);
      this.assertFalse(this._isScrollbarExceedingMaxPos(scrollbar, "y", 30));
    },

    testCalculateThresholdExeedance() {
      this.assertEquals(10, this._calculateThresholdExceedance(10, 20));
      this.assertEquals(-10, this._calculateThresholdExceedance(-10, 20));
    },

    testCalculateScrollAmount() {
      this.assertEquals(10, this._calculateScrollAmount(500, 20));
      this.assertEquals(-10, this._calculateScrollAmount(-500, 20));
    },

    testScrollBy() {
      var scrollbar = this.list.getChildControl("scrollbar-y", true),
        initPos = scrollbar.getPosition(),
        exceedanceAmount = 20,
        amount = this._calculateScrollAmount(
          scrollbar.getBounds().height,
          exceedanceAmount
        );

      this._scrollBy(this.list, "y", exceedanceAmount);
      this.assertEquals(Math.ceil(initPos + amount), scrollbar.getPosition());
    },

    testRootWidget() {
      var behavior;

      // application root
      behavior = new qx.ui.core.DragDropScrolling();
      this.assertTrue(
        behavior._getWidget() === this.getRoot(),
        "Root widget must be application root!"
      );

      behavior.dispose();

      // explicit widget
      var widget = new qx.ui.core.Widget();
      behavior = new qx.ui.core.DragDropScrolling(widget);
      this.assertTrue(behavior._getWidget() === widget, "Wrong root widget!");
      behavior.dispose();
      widget.dispose();
    },

    testListenerTargets() {
      var behavior;

      // application root
      behavior = new qx.ui.core.DragDropScrolling();
      this.assertTrue(
        behavior._getWidget().hasListener("drag"),
        "'drag' event listener not found !"
      );

      this.assertTrue(
        behavior._getWidget().hasListener("dragend"),
        "'dragend' event listener not found !"
      );

      behavior.dispose();

      // explicit widget
      var widget = new qx.ui.core.Widget();
      behavior = new qx.ui.core.DragDropScrolling(widget);
      this.assertTrue(
        widget.hasListener("drag"),
        "'drag' event listener not found !"
      );

      this.assertTrue(
        widget.hasListener("dragend"),
        "'dragend' event listener not found !"
      );

      behavior.dispose();
      widget.dispose();

      // list widget
      this.assertTrue(
        this.list.hasListener("drag"),
        "'drag' event listener not found !"
      );

      this.assertTrue(
        this.list.hasListener("dragend"),
        "'dragend' event listener not found !"
      );
    }
  }
});