@qooxdoo/framework/source/class/qx/test/mobile/toolbar/Toolbar.js

The JS Framework for Coders

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

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2011 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:
     * Tino Butz (tbtz)

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

qx.Class.define("qx.test.mobile.toolbar.Toolbar", {
  extend: qx.test.mobile.MobileTestCase,

  members: {
    __createToolbar() {
      var toolBar = new qx.ui.mobile.toolbar.ToolBar();
      this.getRoot().add(toolBar);
      return toolBar;
    },

    __assertChildNodesLength(toolBar, toolbarKidsNumber) {
      var childrenLength = toolBar.getContentElement().childNodes.length;
      this.assertEquals(toolbarKidsNumber, childrenLength);
    },

    testAdd() {
      var toolBar = this.__createToolbar();

      var button1 = new qx.ui.mobile.toolbar.Button("Button 1");
      toolBar.add(button1);
      this.__assertChildNodesLength(toolBar, 1);

      var button2 = new qx.ui.mobile.toolbar.Button("Button with long name 2");
      toolBar.add(button2);
      this.__assertChildNodesLength(toolBar, 2);

      var button3 = new qx.ui.mobile.toolbar.Button("Button 3");
      toolBar.add(button3);
      this.__assertChildNodesLength(toolBar, 3);

      this.assertEquals(
        qx.bom.element.Dimension.getWidth(button1.getContainerElement()),
        qx.bom.element.Dimension.getWidth(button2.getContainerElement())
      );

      this.assertEquals(
        qx.bom.element.Dimension.getWidth(button3.getContainerElement()),
        qx.bom.element.Dimension.getWidth(button2.getContainerElement())
      );

      button1.destroy();
      button2.destroy();
      button3.destroy();
      toolBar.destroy();
    },

    testRemove() {
      var toolBar = this.__createToolbar();

      var button1 = new qx.ui.mobile.toolbar.Button("Button 1");
      toolBar.add(button1);

      var button2 = new qx.ui.mobile.toolbar.Button("Button 2");
      toolBar.add(button2);

      var button3 = new qx.ui.mobile.toolbar.Button("Button 3");
      toolBar.add(button3);

      this.__assertChildNodesLength(toolBar, 3);

      toolBar.remove(button2);
      this.__assertChildNodesLength(toolBar, 2);
      toolBar.remove(button1);
      this.__assertChildNodesLength(toolBar, 1);
      toolBar.remove(button3);
      this.__assertChildNodesLength(toolBar, 0);

      button1.destroy();
      button2.destroy();
      button3.destroy();
      toolBar.destroy();
    }
  }
});