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

package/source/class/qx/test/theme/simple/Appearance.js

@@ -15,29 +15,29 @@
      * William Opandi (woprandi)
 
 ************************************************************************ */
-qx.Class.define("qx.test.theme.simple.Appearance",
-{
-  extend : qx.dev.unit.TestCase,
+qx.Class.define("qx.test.theme.simple.Appearance", {
+  extend: qx.dev.unit.TestCase,
 
-  members :
-  {
-    __obj : qx.theme.simple.Appearance.appearances,
+  members: {
+    __obj: qx.theme.simple.Appearance.appearances,
 
-    testLabel : function()
-    {
+    testLabel() {
       var obj = this.__obj.label;
 
-      this.assertIdentical("text-disabled", obj.style({disabled: true}).textColor);
-      this.assertUndefined(obj.style({disabled: false}).textColor);
+      this.assertIdentical(
+        "text-disabled",
+        obj.style({ disabled: true }).textColor
+      );
+
+      this.assertUndefined(obj.style({ disabled: false }).textColor);
     },
 
-    testImage : function()
-    {
+    testImage() {
       var obj = this.__obj.image;
 
       var states = {
-        replacement : false,
-        disabled : true
+        replacement: false,
+        disabled: true
       };
 
       this.assertIdentical(0.3, obj.style(states).opacity);
@@ -47,8 +47,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(obj.style(states).opacity);
     },
 
-    testRoot : function()
-    {
+    testRoot() {
       var obj = this.__obj.root;
 
       var style = obj.style();
@@ -58,8 +57,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("default", style.font);
     },
 
-    testPopup : function()
-    {
+    testPopup() {
       var obj = this.__obj.popup;
 
       var style = obj.style();
@@ -68,8 +66,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("background-pane", style.backgroundColor);
     },
 
-    testTooltip : function()
-    {
+    testTooltip() {
       var obj = this.__obj.tooltip;
 
       var style = obj.style();
@@ -81,8 +78,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertArrayEquals([10, 5, 5, 5], style.offset);
     },
 
-    testTooltipError : function()
-    {
+    testTooltipError() {
       var obj = this.__obj["tooltip-error"];
 
       var style = obj.style();
@@ -95,8 +91,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.backgroundColor);
     },
 
-    testIframe : function()
-    {
+    testIframe() {
       var obj = this.__obj.iframe;
 
       var style = obj.style();
@@ -105,8 +100,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("main-dark", style.decorator);
     },
 
-    testMoveFrame : function()
-    {
+    testMoveFrame() {
       var obj = this.__obj["move-frame"];
 
       var style = obj.style();
@@ -114,111 +108,129 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("main-dark", style.decorator);
     },
 
-    testDragDropCursor : function()
-    {
+    testDragDropCursor() {
       var obj = this.__obj["dragdrop-cursor"];
 
       var states = {
-        copy : true,
-        move :true,
-        alias : true
+        copy: true,
+        move: true,
+        alias: true
       };
 
       var style = obj.style(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["cursor-copy"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["cursor-copy"],
+        style.source
+      );
 
       states.copy = false;
       style = obj.style(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["cursor-move"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["cursor-move"],
+        style.source
+      );
 
       states.move = false;
       style = obj.style(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["cursor-alias"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["cursor-alias"],
+        style.source
+      );
 
       states.alias = false;
       style = obj.style(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["cursor-nodrop"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["cursor-nodrop"],
+        style.source
+      );
 
       this.assertIdentical("right-top", style.position);
       this.assertArrayEquals([2, 16, 2, 6], style.offset);
     },
 
-    testSlideBarButtonForward : function()
-    {
+    testSlideBarButtonForward() {
       var style = this.__obj["slidebar/button-forward"].style;
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-down"], style({vertical: true}).icon);
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-right"], style({vertical: false}).icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-down"],
+        style({ vertical: true }).icon
+      );
 
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-right"],
+        style({ vertical: false }).icon
+      );
     },
 
-    testSlideBarButtonBackward : function()
-    {
+    testSlideBarButtonBackward() {
       var style = this.__obj["slidebar/button-backward"].style;
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-up"], style({vertical: true}).icon);
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-left"], style({vertical: false}).icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-up"],
+        style({ vertical: true }).icon
+      );
+
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-left"],
+        style({ vertical: false }).icon
+      );
     },
 
-    testTableStatusBar : function()
-    {
+    testTableStatusBar() {
       var style = this.__obj["table/statusbar"].style();
 
       this.assertIdentical("statusbar", style.decorator);
       this.assertArrayEquals([2, 5], style.padding);
     },
 
-    testTableColumnButton : function()
-    {
+    testTableColumnButton() {
       var style = this.__obj["table/column-button"].style();
 
       this.assertIdentical("table-header-column-button", style.decorator);
       this.assertIdentical(3, style.padding);
-      this.assertIdentical(qx.theme.simple.Image.URLS["select-column-order"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["select-column-order"],
+        style.icon
+      );
     },
 
-    testTableColumnResetButton : function()
-    {
+    testTableColumnResetButton() {
       var style = this.__obj["table-column-reset-button"].style();
 
       this.assertIdentical("icon/16/actions/view-refresh.png", style.icon);
     },
 
-    testTableScrollerHeader : function()
-    {
+    testTableScrollerHeader() {
       var style = this.__obj["table-scroller/header"].style();
 
       this.assertIdentical("table-header", style.decorator);
     },
 
-    testTableScrollerFocusIndicator : function()
-    {
+    testTableScrollerFocusIndicator() {
       var style = this.__obj["table-scroller/focus-indicator"].style();
 
       this.assertIdentical("main", style.decorator);
     },
 
-    testTableScrollerResizeLine : function()
-    {
+    testTableScrollerResizeLine() {
       var style = this.__obj["table-scroller/resize-line"].style();
 
       this.assertIdentical("button-border", style.backgroundColor);
       this.assertIdentical(3, style.width);
     },
 
-    testTableHeaderCell : function()
-    {
+    testTableHeaderCell() {
       var styleFunc = this.__obj["table-header-cell"].style;
 
       var states = {
-        first : true,
-        disabled : true,
-        sorted : true,
-        sortedAscending : true
+        first: true,
+        disabled: true,
+        sorted: true,
+        sortedAscending: true
       };
 
       var style = styleFunc(states);
@@ -230,12 +242,18 @@ qx.Class.define("qx.test.theme.simple.Appearance",
 
       this.assertIdentical("table-header-cell-first", style.decorator);
       this.assertUndefined(style.pointer);
-      this.assertIdentical(qx.theme.simple.Image.URLS["table-ascending"], style.sortIcon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["table-ascending"],
+        style.sortIcon
+      );
 
       states.sortedAscending = false;
       style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["table-descending"], style.sortIcon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["table-descending"],
+        style.sortIcon
+      );
 
       states.sorted = false;
       style = styleFunc(states);
@@ -253,15 +271,13 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("table-header-cell", style.decorator);
     },
 
-    testTableHeaderCellIcon : function()
-    {
+    testTableHeaderCellIcon() {
       var style = this.__obj["table-header-cell/icon"].style();
 
       this.assertIdentical(5, style.paddingRight);
     },
 
-    testTableHeaderCellSortIcon : function()
-    {
+    testTableHeaderCellSortIcon() {
       var style = this.__obj["table-header-cell/sort-icon"].style();
 
       this.assertIdentical("middle", style.alignY);
@@ -269,49 +285,43 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical(5, style.paddingRight);
     },
 
-    testTableEditorTextField : function()
-    {
+    testTableEditorTextField() {
       var style = this.__obj["table-editor-textfield"].style();
 
       this.assertUndefined(style.decorator);
       this.assertArrayEquals([2, 2], style.padding);
     },
 
-    testTableEditorSelectBox : function()
-    {
+    testTableEditorSelectBox() {
       var style = this.__obj["table-editor-selectbox"].style();
 
       this.assertArrayEquals([0, 2], style.padding);
     },
 
-    testTableEditorComboBox : function()
-    {
+    testTableEditorComboBox() {
       var style = this.__obj["table-editor-combobox"].style();
 
       this.assertUndefined(style.decorator);
     },
 
-    testProgressiveTableHeader : function()
-    {
+    testProgressiveTableHeader() {
       var style = this.__obj["progressive-table-header"].style();
 
       this.assertIdentical("progressive-table-header", style.decorator);
     },
 
-    testProgressiveTableHeaderCell : function()
-    {
+    testProgressiveTableHeaderCell() {
       var style = this.__obj["progressive-table-header-cell"].style();
 
       this.assertIdentical("progressive-table-header-cell", style.decorator);
       this.assertArrayEquals([5, 6, 5, 6], style.padding);
     },
 
-    testTreeVirtual : function()
-    {
+    testTreeVirtual() {
       var styleFunc = this.__obj["treevirtual"].style;
 
       var superStyles = {
-        padding : [3, 4]
+        padding: [3, 4]
       };
 
       var style = styleFunc(null, superStyles);
@@ -319,13 +329,12 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertArrayEquals([5, 5], style.padding);
     },
 
-    testTreeVirtualFolder : function()
-    {
+    testTreeVirtualFolder() {
       var styleFunc = this.__obj["treevirtual-folder"].style;
 
       var states = {
-        opened : true,
-        drag : true
+        opened: true,
+        drag: true
       };
 
       var style = styleFunc(states);
@@ -342,153 +351,179 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.opacity);
     },
 
-    testTreeVirtualFile : function()
-    {
+    testTreeVirtualFile() {
       var styleFunc = this.__obj["treevirtual-file"].style;
 
-      this.assertIdentical("icon/16/mimetypes/text-plain.png", styleFunc({drag: false}).icon);
+      this.assertIdentical(
+        "icon/16/mimetypes/text-plain.png",
+        styleFunc({ drag: false }).icon
+      );
 
-      this.assertIdentical(0.5, styleFunc({drag: true}).opacity);
-      this.assertUndefined(styleFunc({drag: false}).opacity);
+      this.assertIdentical(0.5, styleFunc({ drag: true }).opacity);
+      this.assertUndefined(styleFunc({ drag: false }).opacity);
     },
 
-    testTreeVirtualLine : function()
-    {
-        var style = this.__obj["treevirtual-line"].style();
+    testTreeVirtualLine() {
+      var style = this.__obj["treevirtual-line"].style();
 
-        this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-line"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-line"],
+        style.icon
+      );
     },
 
-    testTreeVirtualContract : function()
-    {
+    testTreeVirtualContract() {
       var style = this.__obj["treevirtual-contract"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["tree-minus"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["tree-minus"],
+        style.icon
+      );
     },
 
-    testTreeVirtualExpand : function()
-    {
+    testTreeVirtualExpand() {
       var style = this.__obj["treevirtual-expand"].style();
 
       this.assertIdentical(qx.theme.simple.Image.URLS["tree-plus"], style.icon);
     },
 
-    testTreeVirtualOnlyContract : function()
-    {
+    testTreeVirtualOnlyContract() {
       var style = this.__obj["treevirtual-only-contract"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-minus-only"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-minus-only"],
+        style.icon
+      );
     },
 
-    testTreeVirtualOnlyExpand : function()
-    {
+    testTreeVirtualOnlyExpand() {
       var style = this.__obj["treevirtual-only-expand"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-plus-only"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-plus-only"],
+        style.icon
+      );
     },
 
-    testTreeVirtualStartContract : function()
-    {
+    testTreeVirtualStartContract() {
       var style = this.__obj["treevirtual-start-contract"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-minus-start"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-minus-start"],
+        style.icon
+      );
     },
 
-    testTreeVirtualStartExpand : function()
-    {
+    testTreeVirtualStartExpand() {
       var style = this.__obj["treevirtual-start-expand"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-plus-start"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-plus-start"],
+        style.icon
+      );
     },
 
-    testTreeVirtualEndContract : function()
-    {
+    testTreeVirtualEndContract() {
       var style = this.__obj["treevirtual-end-contract"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-minus-end"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-minus-end"],
+        style.icon
+      );
     },
 
-    testTreeVirtualEndExpand : function()
-    {
+    testTreeVirtualEndExpand() {
       var style = this.__obj["treevirtual-end-expand"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-plus-end"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-plus-end"],
+        style.icon
+      );
     },
 
-    testTreeVirtualCrossContract : function()
-    {
+    testTreeVirtualCrossContract() {
       var style = this.__obj["treevirtual-cross-contract"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-minus-cross"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-minus-cross"],
+        style.icon
+      );
     },
 
-    testTreeVirtualCrossExpand : function()
-    {
+    testTreeVirtualCrossExpand() {
       var style = this.__obj["treevirtual-cross-expand"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-plus-cross"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-plus-cross"],
+        style.icon
+      );
     },
 
-    testTreeVirtualEnd : function()
-    {
+    testTreeVirtualEnd() {
       var style = this.__obj["treevirtual-end"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-end"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-end"],
+        style.icon
+      );
     },
 
-    testTreeVirtualCross : function()
-    {
+    testTreeVirtualCross() {
       var style = this.__obj["treevirtual-cross"].style();
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["treevirtual-cross"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["treevirtual-cross"],
+        style.icon
+      );
     },
 
-    testResizer : function()
-    {
+    testResizer() {
       var style = this.__obj["resizer"].style();
 
       this.assertIdentical("main-dark", style.decorator);
     },
 
-    testSplitpaneSplitter : function()
-    {
+    testSplitpaneSplitter() {
       var style = this.__obj["splitpane/splitter"].style();
 
       this.assertIdentical("light-background", style.backgroundColor);
     },
 
-    testSplitpaneSplitterKnob : function()
-    {
+    testSplitpaneSplitterKnob() {
       var styleFunc = this.__obj["splitpane/splitter/knob"].style;
 
       var states = {
-        horizontal : true
+        horizontal: true
       };
 
       var style = styleFunc(states);
 
       this.assertIdentical(2, style.padding);
-      this.assertIdentical(qx.theme.simple.Image.URLS["knob-horizontal"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["knob-horizontal"],
+        style.source
+      );
 
-      style = styleFunc({horizontal: false});
-      this.assertIdentical(qx.theme.simple.Image.URLS["knob-vertical"], style.source);
+      style = styleFunc({ horizontal: false });
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["knob-vertical"],
+        style.source
+      );
     },
 
-    testSplitpaneSlider: function()
-    {
+    testSplitpaneSlider() {
       var style = this.__obj["splitpane/slider"].style();
 
       this.assertIdentical("border-light-shadow", style.backgroundColor);
       this.assertIdentical(0.3, style.opacity);
     },
 
-    testMenu : function()
-    {
+    testMenu() {
       var styleFunc = this.__obj["menu"].style;
 
       var states = {
-        submenu : true,
-        contextmenu : true
+        submenu: true,
+        contextmenu: true
       };
 
       var style = styleFunc(states);
@@ -523,49 +558,54 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.offset);
     },
 
-    testMenuSlideBarButton : function()
-    {
+    testMenuSlideBarButton() {
       var styleFunc = this.__obj["menu-slidebar-button"].style;
 
-      var style = styleFunc({hovered: true});
+      var style = styleFunc({ hovered: true });
 
       this.assertIdentical(6, style.padding);
       this.assertIdentical(true, style.center);
       this.assertIdentical("background-selected", style.backgroundColor);
 
-      style = styleFunc({hovered: false});
+      style = styleFunc({ hovered: false });
 
       this.assertUndefined(style.backgroundColor);
     },
 
-    testMenuSlideBarButtonBackward : function()
-    {
+    testMenuSlideBarButtonBackward() {
       var styleFunc = this.__obj["menu-slidebar/button-backward"].style;
 
-      var style = styleFunc({hovered : true});
+      var style = styleFunc({ hovered: true });
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-up-invert"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-up-invert"],
+        style.icon
+      );
 
-      style = styleFunc({hovered: false});
+      style = styleFunc({ hovered: false });
 
       this.assertIdentical(qx.theme.simple.Image.URLS["arrow-up"], style.icon);
     },
 
-    testMenuSlideBarButtonForward : function()
-    {
+    testMenuSlideBarButtonForward() {
       var styleFunc = this.__obj["menu-slidebar/button-forward"].style;
 
-      var style = styleFunc({hovered : true});
+      var style = styleFunc({ hovered: true });
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-down-invert"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-down-invert"],
+        style.icon
+      );
 
-      style = styleFunc({hovered: false});
+      style = styleFunc({ hovered: false });
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-down"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-down"],
+        style.icon
+      );
     },
 
-    testMenuSeparator : function()
-    {
+    testMenuSeparator() {
       var style = this.__obj["menu-separator"].style();
 
       this.assertIdentical(0, style.height);
@@ -576,35 +616,39 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical(2, style.marginRight);
     },
 
-    testMenuButton : function()
-    {
+    testMenuButton() {
       var styleFunc = this.__obj["menu-button"].style;
 
-      this.assertIdentical("background-selected", styleFunc({selected: true}).backgroundColor);
-      this.assertIdentical("text-selected", styleFunc({selected: true}).textColor);
-      this.assertArrayEquals([2, 6], styleFunc({selected: true}).padding);
+      this.assertIdentical(
+        "background-selected",
+        styleFunc({ selected: true }).backgroundColor
+      );
+
+      this.assertIdentical(
+        "text-selected",
+        styleFunc({ selected: true }).textColor
+      );
 
-      this.assertUndefined(styleFunc({selected: false}).backgroundColor);
-      this.assertUndefined(styleFunc({selected: false}).textColor);
+      this.assertArrayEquals([2, 6], styleFunc({ selected: true }).padding);
+
+      this.assertUndefined(styleFunc({ selected: false }).backgroundColor);
+      this.assertUndefined(styleFunc({ selected: false }).textColor);
     },
 
-    testMenuButtonIcon : function()
-    {
+    testMenuButtonIcon() {
       var style = this.__obj["menu-button/icon"].style();
 
       this.assertIdentical("middle", style.alignY);
     },
 
-    testMenuButtonLabel : function()
-    {
+    testMenuButtonLabel() {
       var style = this.__obj["menu-button/label"].style();
 
       this.assertIdentical("middle", style.alignY);
       this.assertIdentical(1, style.padding);
     },
 
-    testMenuButtonShortcut : function()
-    {
+    testMenuButtonShortcut() {
       var style = this.__obj["menu-button/shortcut"].style();
 
       this.assertIdentical("middle", style.alignY);
@@ -612,41 +656,52 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical(14, style.marginLeft);
     },
 
-    testMenuButtonArrow : function()
-    {
+    testMenuButtonArrow() {
       var styleFunc = this.__obj["menu-button/arrow"].style;
 
       var states = {
-        selected : true
+        selected: true
       };
 
       var style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-right-invert"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-right-invert"],
+        style.source
+      );
+
       this.assertIdentical("middle", style.alignY);
 
       states.selected = false;
       style = styleFunc(states);
-      this.assertIdentical(qx.theme.simple.Image.URLS["arrow-right"], style.source);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["arrow-right"],
+        style.source
+      );
     },
 
-    testMenuCheckbox : function()
-    {
+    testMenuCheckbox() {
       var styleFunc = this.__obj["menu-checkbox"].style;
 
       var states = {
-        checked : true,
-        selected : true
+        checked: true,
+        selected: true
       };
 
       var style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["menu-checkbox-invert"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["menu-checkbox-invert"],
+        style.icon
+      );
 
       states.selected = false;
       style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["menu-checkbox"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["menu-checkbox"],
+        style.icon
+      );
 
       states.checked = false;
       style = styleFunc(states);
@@ -654,23 +709,28 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.icon);
     },
 
-    testMenuRadioButton : function()
-    {
+    testMenuRadioButton() {
       var styleFunc = this.__obj["menu-radiobutton"].style;
 
       var states = {
-        checked : true,
-        selected : true
+        checked: true,
+        selected: true
       };
 
       var style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["menu-radiobutton-invert"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["menu-radiobutton-invert"],
+        style.icon
+      );
 
       states.selected = false;
       style = styleFunc(states);
 
-      this.assertIdentical(qx.theme.simple.Image.URLS["menu-radiobutton"], style.icon);
+      this.assertIdentical(
+        qx.theme.simple.Image.URLS["menu-radiobutton"],
+        style.icon
+      );
 
       states.checked = false;
       style = styleFunc(states);
@@ -678,22 +738,20 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.icon);
     },
 
-    testMenuBar : function()
-    {
+    testMenuBar() {
       var style = this.__obj["menubar"].style();
 
       this.assertIdentical("light-background", style.backgroundColor);
       this.assertArrayEquals([4, 2], style.padding);
     },
 
-    testMenuBarButton : function()
-    {
+    testMenuBarButton() {
       var styleFunc = this.__obj["menubar-button"].style;
 
       var states = {
-        disabled : false,
-        pressed : true,
-        hovered : false
+        disabled: false,
+        pressed: true,
+        hovered: false
       };
 
       var style = styleFunc(states);
@@ -723,8 +781,7 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertUndefined(style.cursor);
     },
 
-    testGroupItem : function()
-    {
+    testGroupItem() {
       var style = this.__obj["group-item"].style();
 
       this.assertIdentical(4, style.padding);
@@ -733,31 +790,32 @@ qx.Class.define("qx.test.theme.simple.Appearance",
       this.assertIdentical("bold", style.font);
     },
 
-    testVirtualTree : function()
-    {
+    testVirtualTree() {
       var style = this.__obj["virtual-tree"].style();
 
       this.assertIdentical(21, style.itemHeight);
     },
 
-    testCell : function()
-    {
+    testCell() {
       var styleFunc = this.__obj["cell"].style;
 
-      var style = styleFunc({selected: true});
+      var style = styleFunc({ selected: true });
+
+      this.assertIdentical(
+        "table-row-background-selected",
+        style.backgroundColor
+      );
 
-      this.assertIdentical("table-row-background-selected", style.backgroundColor);
       this.assertIdentical("text-selected", style.textColor);
       this.assertArrayEquals([3, 6], style.padding);
 
-      style = styleFunc({selected: false});
+      style = styleFunc({ selected: false });
 
       this.assertIdentical("table-row-background-even", style.backgroundColor);
       this.assertIdentical("text", style.textColor);
     },
 
-    testCellNumber : function()
-    {
+    testCellNumber() {
       var style = this.__obj["cell-number"].style();
 
       this.assertIdentical("right", style.textAlign);