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

The JS Framework for Coders

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

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2017 Martijn Evers, The Netherlands

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

   Authors:
     * Martijn Evers (mever)

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

/**
 * @ignore(qx.test.ui.core.AbstractScrollArea.fixture.CustomWidget)
 */
qx.Class.define("qx.test.ui.core.AbstractScrollArea",
{
  extend : qx.test.ui.LayoutTestCase,
  include : qx.dev.unit.MMock,

  members :
  {
    /** @type {qx.test.ui.core.AbstractScrollArea.fixture.CustomWidget} */
    __widget : null,

    /** @type {qx.ui.container.Composite} */
    __outer : null,


    setUp : function() {
      qx.Class.define("qx.test.ui.core.AbstractScrollArea.fixture.CustomWidget", {
        extend : qx.ui.core.scroll.AbstractScrollArea,
        members : {

          /**
           * @param widget {qx.ui.core.LayoutItem} 
           */
          setSingleChild : function(widget) {
            this.getChildControl('pane').add(widget);
          },

          /**
           * @param side {String} Either 'x' or 'y'.
           * @returns {boolean}
           */
          hasScrollBar : function(side) {
            this._computeScrollbars();
            return this._isChildControlVisible("scrollbar-" + side);
          }
        }
      });

      this.__outer = new qx.ui.container.Composite(new qx.ui.layout.Grow());
      this.__outer.set({maxWidth: 100, maxHeight: 100});

      this.__widget = new qx.test.ui.core.AbstractScrollArea.fixture.CustomWidget();
      this.__outer.add(this.__widget);
      this.getRoot().add(this.__outer);

      this.base(arguments);
    },


    tearDown: function() {
      this.getSandbox().restore();
      qx.Class.undefine("qx.test.ui.core.AbstractScrollArea.fixture.CustomWidget");
      this.base(arguments);
    },


    /**
     * @param expected {qx.ui.core.Widget|Bounds} 
     * @param actual {qx.ui.core.Widget} 
     */
    assertBounds : function(expected, actual) {
      var expectedBounds, actualBounds;

      if (expected instanceof qx.ui.core.Widget) {
        expectedBounds = expected.getBounds();
      } else {
        expectedBounds = expected;
      }

      actualBounds = actual.getBounds();
      this.assertIdentical(expectedBounds.top, actualBounds.top);
      this.assertIdentical(expectedBounds.left, actualBounds.left);
      this.assertIdentical(expectedBounds.width, actualBounds.width);
      this.assertIdentical(expectedBounds.height, actualBounds.height);
    },


    "test default behaviour" : function() {
      var inner = new qx.ui.core.Widget();
      this.__widget.setSingleChild(inner);
      this.flush();

      this.assertBounds(inner, this.__widget);
    },

    "test smaller widget than container" : function() {
      var inner = new qx.ui.core.Widget();
      inner.set({minWidth: 80, minHeight: 80});
      this.__widget.setSingleChild(inner);
      this.flush();

      this.assertBounds(inner, this.__widget);
      this.assertFalse(this.__widget.hasScrollBar('x'));
      this.assertFalse(this.__widget.hasScrollBar('y'));
    },

    "test bigger widget than container" : function() {
      var inner = new qx.ui.core.Widget();
      inner.set({minWidth: 120, minHeight: 120});
      this.__widget.setSingleChild(inner);
      this.flush();

      this.assertBounds({left: 0, top: 0, width: 100, height: 100}, this.__widget);
      this.assertBounds({left: 0, top: 0, width: 120, height: 120}, inner);
      this.assertTrue(this.__widget.hasScrollBar('x'));
      this.assertTrue(this.__widget.hasScrollBar('y'));
    },

    "test bigger preferred widget than container" : function() {
      var inner = new qx.ui.core.Widget();
      inner.set({width: 120, height: 120});
      this.__widget.setSingleChild(inner);
      this.flush();

      this.assertBounds({left: 0, top: 0, width: 100, height: 100}, this.__widget);
      this.assertBounds({left: 0, top: 0, width: 100, height: 100}, inner);
      this.assertFalse(this.__widget.hasScrollBar('x'));
      this.assertFalse(this.__widget.hasScrollBar('y'));
    },

    "test bigger widget than smaller preferred container" : function() {
      var inner = new qx.ui.core.Widget();
      inner.set({minWidth: 120, minHeight: 120});
      this.__widget.setSingleChild(inner);
      this.__outer.set({width: 100, height: 100});
      this.__outer.resetMaxWidth();
      this.__outer.resetMaxHeight();
      this.flush();

      this.assertBounds({left: 0, top: 0, width: 100, height: 100}, this.__widget);
      this.assertBounds({left: 0, top: 0, width: 120, height: 120}, inner);
      this.assertTrue(this.__widget.hasScrollBar('x'));
      this.assertTrue(this.__widget.hasScrollBar('y'));
    }
  }
});