@qooxdoo/framework 7.0.0-beta.1 → 7.0.0-beta.10

package/source/class/qx/test/mobile/LocaleSwitch.js

@@ -22,54 +22,48 @@
  * @require(qx.module.Traversing)
  */
 
-qx.Class.define("qx.test.mobile.LocaleSwitch",
-{
-  extend : qx.test.mobile.MobileTestCase,
-  include : qx.locale.MTranslation,
+qx.Class.define("qx.test.mobile.LocaleSwitch", {
+  extend: qx.test.mobile.MobileTestCase,
+  include: qx.locale.MTranslation,
 
-
-  construct : function()
-  {
-    this.base(arguments);
+  construct() {
+    super();
     this.manager = qx.locale.Manager.getInstance();
   },
 
-
-
-  members :
-  {
+  members: {
     manager: null,
-    __translationAdded : null,
+    __translationAdded: null,
 
-    setUp : function() {
-      this.base(arguments);
+    setUp() {
+      super.setUp();
       if (!this.__translationAdded) {
         // add dummy translations
         this.manager.addTranslation("en_QX", {
-          "test one"       : "test one",
-          "test two"       : "test two",
-          "test Hello %1!" : "test Hello %1!",
-          "test Jonny"     : "test Jonny"
+          "test one": "test one",
+          "test two": "test two",
+          "test Hello %1!": "test Hello %1!",
+          "test Jonny": "test Jonny"
         });
+
         this.manager.addTranslation("de_QX", {
-          "test one"       : "Eins",
-          "test two"       : "Zwei",
-          "test Hello %1!" : "Servus %1!",
-          "test Jonny"     : "Jonathan"
+          "test one": "Eins",
+          "test two": "Zwei",
+          "test Hello %1!": "Servus %1!",
+          "test Jonny": "Jonathan"
         });
+
         this.__translationAdded = true;
       }
       this.manager.setLocale("en_QX");
     },
 
-    tearDown : function() {
-      this.base(arguments);
+    tearDown() {
+      super.tearDown();
       this.manager.resetLocale();
     },
 
-
-    testLabel : function()
-    {
+    testLabel() {
       var label = new qx.ui.mobile.basic.Label(this.tr("test one"));
       this.addAutoDispose(label);
       this.getRoot().add(label);
@@ -93,10 +87,9 @@ qx.Class.define("qx.test.mobile.LocaleSwitch",
       label.destroy();
     },
 
-    testList : function()
-    {
+    testList() {
       var list = new qx.ui.mobile.list.List({
-        configureItem : function(item, data, row) {
+        configureItem(item, data, row) {
           item.setTitle(data.title);
           item.setSubtitle(data.subTitle);
         }
@@ -107,6 +100,7 @@ qx.Class.define("qx.test.mobile.LocaleSwitch",
           title: this.tr("test one"),
           subTitle: this.tr("test two")
         },
+
         {
           title: this.tr("test Hello %1!", this.tr("test Jonny")),
           subTitle: this.tr("test Jonny")
@@ -121,7 +115,7 @@ qx.Class.define("qx.test.mobile.LocaleSwitch",
 
       this.manager.setLocale("de_QX");
       var title0 = q(".list * .list-item-title").eq(0).getHtml();
-      this.assertEquals("Eins". title0);
+      this.assertEquals("Eins".title0);
       var subtitle0 = q(".list * .list-item-subtitle").eq(0).getHtml();
       this.assertEquals("Zwei", subtitle0);
       var title1 = q(".list * .list-item-title").eq(1).getHtml();
@@ -133,10 +127,10 @@ qx.Class.define("qx.test.mobile.LocaleSwitch",
       this.__testListEn();
     },
 
-    __testListEn : function() {
+    __testListEn() {
       //debugger
       var title0 = q(".list * .list-item-title").eq(0).getHtml();
-      this.assertEquals("test one". title0);
+      this.assertEquals("test one".title0);
       var subtitle0 = q(".list * .list-item-subtitle").eq(0).getHtml();
       this.assertEquals("test two", subtitle0);
       var title1 = q(".list * .list-item-title").eq(1).getHtml();
@@ -145,8 +139,7 @@ qx.Class.define("qx.test.mobile.LocaleSwitch",
       this.assertEquals("test Jonny", subtitle1);
     },
 
-    testFormRendererSingle : function()
-    {
+    testFormRendererSingle() {
       var title = new qx.ui.mobile.form.Title(this.tr("test one"));
       this.addAutoDispose(title);
       var form = new qx.ui.mobile.form.Form();

package/source/class/qx/test/mobile/MobileTestCase.js

@@ -16,90 +16,80 @@
 
 ************************************************************************ */
 
-qx.Class.define("qx.test.mobile.MobileTestCase",
-{
-  extend : qx.dev.unit.TestCase,
-  include : [qx.dev.unit.MRequirements],
+qx.Class.define("qx.test.mobile.MobileTestCase", {
+  extend: qx.dev.unit.TestCase,
+  include: [qx.dev.unit.MRequirements],
 
-
-  statics :
-  {
-    _root : null,
-    _oldApplicationFunction : null
+  statics: {
+    _root: null,
+    _oldApplicationFunction: null
   },
 
-
-  members :
-  {
-    setUp : function()
-    {
-      if (qx.core.Environment.get("browser.name") == "ie" && qx.core.Environment.get("browser.documentmode") < 10) {
-        throw new qx.dev.unit.RequirementError("Mobile tests require Webkit, Gecko or IE10+");
+  members: {
+    setUp() {
+      if (
+        qx.core.Environment.get("browser.name") == "ie" &&
+        qx.core.Environment.get("browser.documentmode") < 10
+      ) {
+        throw new qx.dev.unit.RequirementError(
+          "Mobile tests require Webkit, Gecko or IE10+"
+        );
       }
 
-      qx.test.mobile.MobileTestCase._oldApplicationFunction = qx.core.Init.getApplication;
+      qx.test.mobile.MobileTestCase._oldApplicationFunction =
+        qx.core.Init.getApplication;
 
       var self = this;
-      qx.core.Init.getApplication = function()
-      {
+      qx.core.Init.getApplication = function () {
         return {
-          getRoot : function() {
+          getRoot() {
             return self.getRoot();
           },
-          addListener: function() {
-            return self.addListener.apply(self,arguments);
+          addListener() {
+            return self.addListener.apply(self, arguments);
           },
-          removeListener: function() {
-            return self.removeListener.apply(self,arguments);
+          removeListener() {
+            return self.removeListener.apply(self, arguments);
           },
-          removeListenerById: function() {
-            return self.removeListenerById.apply(self,arguments);
+          removeListenerById() {
+            return self.removeListenerById.apply(self, arguments);
           },
-          fireEvent: function() {
-            return self.fireEvent.apply(self,arguments);
+          fireEvent() {
+            return self.fireEvent.apply(self, arguments);
           },
-          fireDataEvent: function() {
-            return self.fireDataEvent.apply(self,arguments);
+          fireDataEvent() {
+            return self.fireDataEvent.apply(self, arguments);
           },
-          close : function() {},
-          terminate : function() {}
+          close() {},
+          terminate() {}
         };
       };
     },
 
-
-    tearDown : function()
-    {
+    tearDown() {
       this.getRoot().removeAll();
-      qx.core.Init.getApplication = qx.test.mobile.MobileTestCase._oldApplicationFunction;
-      if (qx.core.Environment.get("qx.debug.dispose"))
-      {
-        if (qx.test.mobile.MobileTestCase._root)
-        {
+      qx.core.Init.getApplication =
+        qx.test.mobile.MobileTestCase._oldApplicationFunction;
+      if (qx.core.Environment.get("qx.debug.dispose")) {
+        if (qx.test.mobile.MobileTestCase._root) {
           qx.test.mobile.MobileTestCase._root.destroy();
           qx.test.mobile.MobileTestCase._root = null;
         }
       }
     },
 
-
-    getRoot : function()
-    {
+    getRoot() {
       var clazz = qx.test.mobile.MobileTestCase;
 
-      if (!clazz._root)
-      {
+      if (!clazz._root) {
         clazz._root = new qx.ui.mobile.core.Root();
       }
 
       return clazz._root;
     },
 
-
-    assertQxMobileWidget : function(obj)
-    {
+    assertQxMobileWidget(obj) {
       this.assertInstance(obj, qx.ui.mobile.core.Widget);
     }
   }
-
 });

package/source/class/qx/test/mobile/basic/Atom.js

@@ -17,38 +17,43 @@
 ************************************************************************ */
 
 /* ************************************************************************
-************************************************************************ */
+ ************************************************************************ */
 /**
  *
  * @asset(qx/icon/Tango/48/places/user-home.png)
  * @asset(qx/icon/Tango/32/places/folder-open.png)
  */
 
-qx.Class.define("qx.test.mobile.basic.Atom",
-{
-  extend : qx.test.mobile.MobileTestCase,
+qx.Class.define("qx.test.mobile.basic.Atom", {
+  extend: qx.test.mobile.MobileTestCase,
 
-  members :
-  {
-    testLabel : function()
-    {
+  members: {
+    testLabel() {
       var atom = new qx.ui.mobile.basic.Atom("myText");
       this.getRoot().add(atom);
 
       this.assertString(atom.getLabel());
       this.assertEquals(atom.getLabel(), "myText");
-      this.assertEquals(atom.getLabel(), atom.getLabelWidget().getContainerElement().innerHTML);
+      this.assertEquals(
+        atom.getLabel(),
+        atom.getLabelWidget().getContainerElement().innerHTML
+      );
 
       atom.setLabel("mySecondText");
       this.assertEquals(atom.getLabel(), "mySecondText");
-      this.assertEquals(atom.getLabel(), atom.getLabelWidget().getContainerElement().innerHTML);
+      this.assertEquals(
+        atom.getLabel(),
+        atom.getLabelWidget().getContainerElement().innerHTML
+      );
 
       atom.destroy();
     },
 
-    testIcon : function()
-    {
-      var imageURL = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/48/places/user-home.png");
+    testIcon() {
+      var imageURL = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/48/places/user-home.png"
+      );
+
       var atom = new qx.ui.mobile.basic.Atom("myText", imageURL);
       this.getRoot().add(atom);
 
@@ -57,84 +62,142 @@ qx.Class.define("qx.test.mobile.basic.Atom",
       // atom.getIconWidget().getContainerElement().src is usually in the form:
       // http://127.0.0.1/tablet/framework/test/html/qx/icon/Tango/48/places/folder-remote.png
       // but http://127.0.0.1/tablet/framework/test/html/ differs on where you test it
-      this.assertTrue(atom.getIconWidget().getContainerElement().src.indexOf("qx/icon/Tango/48/places/user-home.png") != -1);
+      this.assertTrue(
+        atom
+          .getIconWidget()
+          .getContainerElement()
+          .src.indexOf("qx/icon/Tango/48/places/user-home.png") != -1
+      );
 
-      var image2URL = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/32/places/folder-open.png");
+      var image2URL = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/32/places/folder-open.png"
+      );
 
       atom.setIcon(image2URL);
       this.assertEquals(atom.getIcon(), image2URL);
-      this.assertTrue(atom.getIconWidget().getContainerElement().src.indexOf("qx/icon/Tango/32/places/folder-open.png") != -1);
+      this.assertTrue(
+        atom
+          .getIconWidget()
+          .getContainerElement()
+          .src.indexOf("qx/icon/Tango/32/places/folder-open.png") != -1
+      );
 
       atom.destroy();
     },
 
-    testShow : function()
-    {
-      var imageURL = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/48/places/user-home.png");
+    testShow() {
+      var imageURL = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/48/places/user-home.png"
+      );
+
       var atom = new qx.ui.mobile.basic.Atom("myText", imageURL);
       this.getRoot().add(atom);
 
       this.assertTrue(atom.getIconWidget().isVisible());
       this.assertTrue(atom.getLabelWidget().isVisible());
 
-      atom.setShow('label');
+      atom.setShow("label");
       this.assertFalse(atom.getIconWidget().isVisible());
       this.assertTrue(atom.getLabelWidget().isVisible());
 
-      atom.setShow('icon');
+      atom.setShow("icon");
       this.assertTrue(atom.getIconWidget().isVisible());
       this.assertFalse(atom.getLabelWidget().isVisible());
 
-      atom.setShow('both');
+      atom.setShow("both");
       this.assertTrue(atom.getIconWidget().isVisible());
       this.assertTrue(atom.getLabelWidget().isVisible());
     },
 
+    testIconPosition() {
+      var imageURL = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/48/places/user-home.png"
+      );
+
+      var atom = new qx.ui.mobile.basic.Atom(
+        "myTextmyTextmyTextmyTextmyText",
+        imageURL
+      );
 
-    testIconPosition : function()
-    {
-      var imageURL = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/48/places/user-home.png");
-      var atom = new qx.ui.mobile.basic.Atom("myTextmyTextmyTextmyTextmyText", imageURL);
       this.getRoot().add(atom);
       this.getRoot()._domUpdated();
 
       var iconElement = atom.getIconWidget().getContentElement();
       var labelElement = atom.getLabelWidget().getContentElement();
 
-      atom.setIconPosition('top');
-      this.assertTrue(qx.bom.element.Location.getTop(iconElement) <= qx.bom.element.Location.getTop(labelElement), "setIconPosition(top): iconElement.top is greater than labelElement.top");
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().basename === "VBox","Layout of IconPosition Top should be VBox ");
-      this.assertFalse(atom.getIconWidget().getLayoutParent().getLayout().isReversed(),"Layout should not be reversed.");
-
-      atom.setIconPosition('bottom');
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().basename === "VBox","Layout of IconPosition Bottom should be VBox ");
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().isReversed(),"Layout should be reversed.");
+      atom.setIconPosition("top");
+      this.assertTrue(
+        qx.bom.element.Location.getTop(iconElement) <=
+          qx.bom.element.Location.getTop(labelElement),
+        "setIconPosition(top): iconElement.top is greater than labelElement.top"
+      );
+
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().basename === "VBox",
+        "Layout of IconPosition Top should be VBox "
+      );
+
+      this.assertFalse(
+        atom.getIconWidget().getLayoutParent().getLayout().isReversed(),
+        "Layout should not be reversed."
+      );
+
+      atom.setIconPosition("bottom");
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().basename === "VBox",
+        "Layout of IconPosition Bottom should be VBox "
+      );
+
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().isReversed(),
+        "Layout should be reversed."
+      );
+
+      atom.setIconPosition("left");
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().basename === "HBox",
+        "Layout of IconPosition Left should be HBox "
+      );
 
-      atom.setIconPosition('left');
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().basename === "HBox","Layout of IconPosition Left should be HBox ");
       var labelLeft = qx.bom.element.Location.getLeft(labelElement);
       var iconLeft = qx.bom.element.Location.getLeft(iconElement);
-      this.assertTrue(iconLeft <= labelLeft, "setIconPosition(left): iconElement.left is greater than labelElement.left");
-      this.assertFalse(atom.getIconWidget().getLayoutParent().getLayout().isReversed(),"Layout should not be reversed.");
-
-      atom.setIconPosition('right');
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().basename === "HBox","Layout of IconPosition Right should be HBox ");
-      this.assertTrue(atom.getIconWidget().getLayoutParent().getLayout().isReversed(),"Layout should be reversed.");
+      this.assertTrue(
+        iconLeft <= labelLeft,
+        "setIconPosition(left): iconElement.left is greater than labelElement.left"
+      );
+
+      this.assertFalse(
+        atom.getIconWidget().getLayoutParent().getLayout().isReversed(),
+        "Layout should not be reversed."
+      );
+
+      atom.setIconPosition("right");
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().basename === "HBox",
+        "Layout of IconPosition Right should be HBox "
+      );
+
+      this.assertTrue(
+        atom.getIconWidget().getLayoutParent().getLayout().isReversed(),
+        "Layout should be reversed."
+      );
 
       labelLeft = qx.bom.element.Location.getLeft(labelElement);
       iconLeft = qx.bom.element.Location.getLeft(iconElement);
-      this.assertTrue(iconLeft >= labelLeft, "setIconPosition(right): iconElement.left is lower than labelElement.left");
-
+      this.assertTrue(
+        iconLeft >= labelLeft,
+        "setIconPosition(right): iconElement.left is lower than labelElement.left"
+      );
 
       this.getRoot()._domUpdated();
     },
 
-
-    testSetLabelAndIcon : function() {
-
+    testSetLabelAndIcon() {
       var testText = "test234";
 
-      var imageURL = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/48/places/user-home.png");
+      var imageURL = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/48/places/user-home.png"
+      );
 
       var atom = new qx.ui.mobile.basic.Atom();
       atom.setLabel(testText);
@@ -147,11 +210,24 @@ qx.Class.define("qx.test.mobile.basic.Atom",
       var atomIconInnerHtml = atomElement.children[0].children[0].innerHTML;
       var atomLabelInnerHtml = atomElement.children[0].children[1].innerHTML;
 
-      this.assertEquals("IMG", atomIconTag, 'Unexpected atom children tag');
-      this.assertEquals(2, atomChildrenLength, 'Unexpected count of atom element children');
-      this.assertEquals('',atomIconInnerHtml, 'Child element of icon has wrong content');
-      this.assertEquals(testText,atomLabelInnerHtml, 'Child element of icon has wrong content');
+      this.assertEquals("IMG", atomIconTag, "Unexpected atom children tag");
+      this.assertEquals(
+        2,
+        atomChildrenLength,
+        "Unexpected count of atom element children"
+      );
+
+      this.assertEquals(
+        "",
+        atomIconInnerHtml,
+        "Child element of icon has wrong content"
+      );
+
+      this.assertEquals(
+        testText,
+        atomLabelInnerHtml,
+        "Child element of icon has wrong content"
+      );
     }
   }
-
 });

package/source/class/qx/test/mobile/basic/Image.js

@@ -20,53 +20,63 @@
  * @asset(qx/icon/Tango/48/places/folder.png)
  */
 
-qx.Class.define("qx.test.mobile.basic.Image",
-{
-  extend : qx.test.mobile.MobileTestCase,
-
-  members :
-  {
-    testSrc : function()
-    {
-      var source = qx.util.ResourceManager.getInstance().toUri("qx/icon/Tango/48/places/folder.png");
+qx.Class.define("qx.test.mobile.basic.Image", {
+  extend: qx.test.mobile.MobileTestCase,
+
+  members: {
+    testSrc() {
+      var source = qx.util.ResourceManager.getInstance().toUri(
+        "qx/icon/Tango/48/places/folder.png"
+      );
+
       if (qx.io.ImageLoader.isLoaded(source)) {
         this.debug("testLoadedEvent skipped! Image already loaded.");
         return;
       }
-      var image = new qx.ui.mobile.basic.Image("qx/icon/Tango/48/places/folder.png");
-      image.addListener("loaded", function() {
-        this.resume(function() {
-          // use a timeout to dispose the image because it needs to
-          // end its processing after the event has been fired.
-          window.setTimeout(function() {
-            image.destroy();
+      var image = new qx.ui.mobile.basic.Image(
+        "qx/icon/Tango/48/places/folder.png"
+      );
+
+      image.addListener(
+        "loaded",
+        function () {
+          this.resume(function () {
+            // use a timeout to dispose the image because it needs to
+            // end its processing after the event has been fired.
+            window.setTimeout(function () {
+              image.destroy();
+            });
           });
-        });
-      }, this);
-
+        },
+        this
+      );
 
       this.getRoot().add(image);
       this.wait();
     },
 
+    testLoadingFailed() {
+      var image = new qx.ui.mobile.basic.Image(
+        "does not exist.png" + Math.random()
+      );
 
-    testLoadingFailed : function()
-    {
-      var image = new qx.ui.mobile.basic.Image("does not exist.png" + Math.random());
       this.getRoot().add(image);
 
-      image.addListener("loadingFailed", function() {
-        this.resume(function() {
-          // use a timeout to dispose the image because it needs to
-          // end its processing after the event has been fired.
-          window.setTimeout(function() {
-            image.destroy();
+      image.addListener(
+        "loadingFailed",
+        function () {
+          this.resume(function () {
+            // use a timeout to dispose the image because it needs to
+            // end its processing after the event has been fired.
+            window.setTimeout(function () {
+              image.destroy();
+            });
           });
-        });
-      }, this);
+        },
+        this
+      );
 
       this.wait();
     }
   }
-
 });

package/source/class/qx/test/mobile/basic/Label.js

@@ -16,14 +16,11 @@
 
 ************************************************************************ */
 
-qx.Class.define("qx.test.mobile.basic.Label",
-{
-  extend : qx.test.mobile.MobileTestCase,
-
-  members :
-  {
-    testValue : function()
-    {
+qx.Class.define("qx.test.mobile.basic.Label", {
+  extend: qx.test.mobile.MobileTestCase,
+
+  members: {
+    testValue() {
       var label = new qx.ui.mobile.basic.Label("affe");
       this.getRoot().add(label);
 
@@ -31,7 +28,7 @@ qx.Class.define("qx.test.mobile.basic.Label",
       this.assertEquals(label.getValue(), "affe");
       this.assertEquals(label.getValue(), label.getContentElement().innerHTML);
 
-      this.assertEventFired(label, "changeValue", function() {
+      this.assertEventFired(label, "changeValue", function () {
         label.setValue("");
       });
 
@@ -41,5 +38,4 @@ qx.Class.define("qx.test.mobile.basic.Label",
       label.destroy();
     }
   }
-
 });