@qooxdoo/framework/source/class/qx/test/ui/form/Label.js

The JS Framework for Coders

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

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2004-2008 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:
     * Martin Wittemann (martinwittemann)

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

  members: {
    __formWidget: null,
    __label: null,

    setUp() {
      this.__label = new qx.ui.basic.Label("abc");
    },

    tearDown() {
      this.__label.destroy();
      this.__formWidget.destroy();
    },

    __testEnabled() {
      this.__label.setBuddy(this.__formWidget);

      // check the initial enabled state
      this.assertTrue(
        this.__formWidget.getEnabled(),
        "Form widget is disabled."
      );

      this.assertTrue(this.__label.getEnabled(), "Label widget is disabled.");

      // disable the textfield. Label should be disabled too
      this.__formWidget.setEnabled(false);

      // check if both are disabled
      this.assertFalse(
        this.__formWidget.getEnabled(),
        "Form widget is not disabled."
      );

      this.assertFalse(
        this.__label.getEnabled(),
        "Label widget is not disabled."
      );

      // enabled the label, textfield should stay
      this.__label.setEnabled(true);

      // check if the enabled properties are still correct
      this.assertFalse(
        this.__formWidget.getEnabled(),
        "Form widget is not disabled at the end."
      );

      this.assertTrue(
        this.__label.getEnabled(),
        "Label widget is ensabled at the end."
      );
    },

    __testEnabledRemove() {
      this.__label.setBuddy(this.__formWidget);

      // disable the textfield. Label should be disabled too
      this.__formWidget.setEnabled(false);

      // check if both are disabled
      this.assertFalse(
        this.__formWidget.getEnabled(),
        "Form widget is not disabled."
      );

      this.assertFalse(
        this.__label.getEnabled(),
        "Label widget is not disabled."
      );

      // remove the buddy
      this.__label.setBuddy(null);
      // enabled the textfield. label should stay
      this.__formWidget.setEnabled(true);

      // check if the enabled properties are still correct
      this.assertFalse(
        this.__label.getEnabled(),
        "Label widget is not disabled at the end."
      );

      this.assertTrue(
        this.__formWidget.getEnabled(),
        "Form widget is ensabled at the end."
      );
    },

    __testFocus() {
      // NEEDED FOR THE FOCUS
      this.getRoot().add(this.__formWidget);

      this.__label.setBuddy(this.__formWidget);

      this.__formWidget.addListener("focus", () => {
        this.resume(function () {
          // do nothing. Just check for the event
        }, this);
      });

      this.tapOn(this.__label);

      this.wait();
    },

    __testFocusRemove() {
      // NEEDED FOR THE FOCUS
      this.getRoot().add(this.__formWidget);

      this.__label.setBuddy(this.__formWidget);
      this.__label.setBuddy(null);

      var focused = false;
      this.__formWidget.addListener("focus", () => {
        focused = true;
      });

      var self = this;
      window.setTimeout(function () {
        self.resume(function () {
          this.assertFalse(
            self.__label.hasListener("click"),
            "Listener still there."
          );

          this.assertFalse(focused, "Element has been focused");
        }, self);
      }, 1000);

      this.tapOn(this.__label);

      this.wait();
    },

    testEnabledRemoveTextField() {
      this.__formWidget = new qx.ui.form.TextField("abc");
      this.__testEnabledRemove();
    },

    testEnabledTextField() {
      this.__formWidget = new qx.ui.form.TextField("abc");
      this.__testEnabled();
    },

    testEnabledRemoveSpinner() {
      this.__formWidget = new qx.ui.form.Spinner();
      this.__testEnabledRemove();
    },

    testEnabledSpinner() {
      this.__formWidget = new qx.ui.form.Spinner();
      this.__testEnabled();
    },

    testEnabledRemoveCheckBox() {
      this.__formWidget = new qx.ui.form.CheckBox();
      this.__testEnabledRemove();
    },

    testEnabledCheckBox() {
      this.__formWidget = new qx.ui.form.CheckBox();
      this.__testEnabled();
    },

    testFocusTextField() {
      this.__formWidget = new qx.ui.form.TextField("abc");
      this.__testFocus();
    },

    testFocusSpinner() {
      this.__formWidget = new qx.ui.form.Spinner();
      this.__testFocus();
    },

    testFocusCheckBox() {
      this.__formWidget = new qx.ui.form.CheckBox();
      this.__testFocus();
    },

    testFocusRemoveTextField() {
      this.__formWidget = new qx.ui.form.TextField("abc");
      this.__testFocusRemove();
    },

    testFocusRemoveSpinner() {
      this.__formWidget = new qx.ui.form.Spinner();
      this.__testFocusRemove();
    },

    testFocusRemoveCheckBox() {
      this.__formWidget = new qx.ui.form.CheckBox();
      this.__testFocusRemove();
    },

    testFocusNotFocusableTextField() {
      this.__formWidget = new qx.ui.form.TextField();
      this.__formWidget.setReadOnly(true);
      this.__label.setBuddy(this.__formWidget);

      this.tapOn(this.__label);
    }
  },

  destruct() {
    this.__label = this.__formWidget = null;
  }
});