@qooxdoo/framework/source/class/qx/test/ui/form/VirtualSelectBox.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)

************************************************************************ */
qx.Class.define("qx.test.ui.form.VirtualSelectBox", {
  extend: qx.test.ui.LayoutTestCase,

  members: {
    setUp() {
      this.__selectBox = new qx.ui.form.VirtualSelectBox();
      this.getRoot().add(this.__selectBox);

      this.flush();
    },

    tearDown() {
      super.tearDown();
      this.__selectBox.destroy();
      this.__selectBox = null;
    },

    __simulateUiInteraction() {
      // focus -> array key down -> array key down -> enter
      this.__selectBox
        .getSelection()
        .setItem(0, this.__selectBox.getModel().getItem(1));
    },

    testChangeValueEvent() {
      var m = qx.data.marshal.Json.createModel(["a", "b"]);

      this.__selectBox.addListenerOnce(
        "changeValue",
        function (e) {
          this.assertIdentical("a", e.getData());
          this.assertNull(e.getOldData());
        }.bind(this)
      );

      this.__selectBox.setModel(m);

      this.__selectBox.addListenerOnce(
        "changeValue",
        function (e) {
          this.assertIdentical("b", e.getData());
          this.assertIdentical("a", e.getOldData());
        }.bind(this)
      );

      this.__simulateUiInteraction();
    },

    testChangeModelWhileNotVisible() {
      "use strict";
      var selectBox = new qx.ui.form.VirtualSelectBox(); // We don't want to use a selectbox that has been added to a layout item.
      selectBox.setLabelPath("b");
      var items = qx.data.marshal.Json.createModel([
        {
          a: 123,
          b: "item 1"
        },

        {
          a: 456,
          b: "item 2"
        }
      ]);

      items.setAutoDisposeItems(true);

      selectBox.setModel(items);
      try {
        items.pop();
      } catch (e) {
        this.assertTrue(
          false,
          "Changing the model should not cause an exception in VirtualDropDownList#_getAvailableHeight"
        );
      }

      items.dispose();
    },

    "test dropdown list same width as selectbox"() {
      "use strict";
      var test = this;
      var m = qx.data.marshal.Json.createModel([
        "asdddddddddddddddddddddddddddddddddddddddddddddddddddd",
        "dsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
      ]);

      this.__selectBox.setAllowGrowDropDown(false);
      this.__selectBox.setModel(m);
      this.__selectBox.setWidth(150);

      this.__selectBox.open();
      this.flush();

      setTimeout(function () {
        test.assertIdentical(
          test.__selectBox.getWidth(),
          test.__selectBox.getBounds().width
        );

        test.assertIdentical(
          test.__selectBox.getWidth(),
          test.__selectBox.getChildControl("dropdown").getBounds().width
        );

        test.resume();
      }, 10);

      this.wait();
    },

    "test dropdown list wider than selectbox"() {
      "use strict";
      var test = this;
      var m = qx.data.marshal.Json.createModel([
        "asddddddddddddddddddddddddddddddddddddddddddddddddddddasddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd",
        "dsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
      ]);

      this.__selectBox.setAllowGrowDropDown(true);
      this.__selectBox.setModel(m);
      this.__selectBox.setWidth(150);

      this.__selectBox.open();
      this.flush();

      setTimeout(function () {
        test.assertIdentical(
          test.__selectBox.getWidth(),
          test.__selectBox.getBounds().width
        );

        test.assertTrue(
          test.__selectBox.getChildControl("dropdown").getBounds().width > 666,
          "dropdown could not fit the whole item"
        );

        test.resume();
      }, 10);

      this.wait();
    }
  }
});