testbench: add options for mirroring and disabling the contents

Change-Id: Ic1dca59435635bb3056cce8f5fd7e533c13939f9
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 125 insertions, 81 deletions

diff --git a/tests/manual/testbench/testbench.qml b/tests/manual/testbench/testbench.qml
index 09750972..3bb38fe8 100644
--- a/tests/manual/testbench/testbench.qml
+++ b/tests/manual/testbench/testbench.qml
@@ -66,8 +66,11 @@ ApplicationWindow {
         y = Screen.height / 2 - height / 2
     }
 
-    Material.theme: themeSwitch.checked ? Material.Dark : Material.Light
-    Universal.theme: themeSwitch.checked ? Universal.Dark : Universal.Light
+    LayoutMirroring.childrenInherit: true
+    LayoutMirroring.enabled: mirroredMenuItem.checked
+
+    Material.theme: darkMenuItem.checked ? Material.Dark : Material.Light
+    Universal.theme: darkMenuItem.checked ? Universal.Dark : Universal.Light
 
     property int controlSpacing: 10
 
@@ -82,115 +85,155 @@ ApplicationWindow {
         RowLayout {
             anchors.fill: parent
 
-            ToolButton {
-                text: "ToolButton"
-                hoverEnabled: true
-                ToolTip.text: text
-                ToolTip.delay: 1000
-                ToolTip.visible: hovered
-            }
-            ToolButton {
-                text: "Pressed"
-                down: true
-                hoverEnabled: true
-                ToolTip.text: text
-                ToolTip.delay: 1000
-                ToolTip.visible: hovered
-            }
-            ToolButton {
-                text: "Checked"
-                checkable: true
-                checked: true
-                hoverEnabled: true
-                ToolTip.text: text
-                ToolTip.delay: 1000
-                ToolTip.visible: hovered
-            }
-            ToolButton {
-                text: "Highlighted"
-                highlighted: true
-                hoverEnabled: true
-                ToolTip.text: text
-                ToolTip.delay: 1000
-                ToolTip.visible: hovered
-            }
-            ToolButton {
-                text: "Disabled"
-                enabled: false
-            }
+            RowLayout {
+                enabled: enabledMenuItem.checked
+
+                ToolButton {
+                    text: "ToolButton"
+                    hoverEnabled: true
+                    ToolTip.text: text
+                    ToolTip.delay: 1000
+                    ToolTip.visible: hovered
+                }
+                ToolButton {
+                    text: "Pressed"
+                    down: true
+                    hoverEnabled: true
+                    ToolTip.text: text
+                    ToolTip.delay: 1000
+                    ToolTip.visible: hovered
+                }
+                ToolButton {
+                    text: "Checked"
+                    checkable: true
+                    checked: true
+                    hoverEnabled: true
+                    ToolTip.text: text
+                    ToolTip.delay: 1000
+                    ToolTip.visible: hovered
+                }
+                ToolButton {
+                    text: "Highlighted"
+                    highlighted: true
+                    hoverEnabled: true
+                    ToolTip.text: text
+                    ToolTip.delay: 1000
+                    ToolTip.visible: hovered
+                }
+                ToolButton {
+                    text: "Disabled"
+                    enabled: false
+                }
 
-            ToolSeparator {}
+                ToolSeparator {}
 
-            ToolButton {
-                text: "1"
-            }
-            ToolButton {
-                text: "2"
+                ToolButton {
+                    text: "1"
+                }
+                ToolButton {
+                    text: "2"
+                }
+
+                ToolSeparator {}
+
+                ToolButton {
+                    id: menuButton
+                    text: "Menu"
+                    hoverEnabled: true
+                    ToolTip.text: text
+                    ToolTip.delay: 1000
+                    ToolTip.visible: hovered
+                    checked: menu.visible
+                    checkable: true
+
+                    Menu {
+                        id: menu
+                        x: 1
+                        y: 1 + parent.height
+                        visible: menuButton.checked
+                        closePolicy: Popup.CloseOnPressOutsideParent
+
+                        MenuItem {
+                            text: "MenuItem"
+                        }
+                        MenuItem {
+                            text: "Pressed"
+                            down: true
+                        }
+                        MenuItem {
+                            text: "Disabled"
+                            enabled: false
+                        }
+
+                        MenuSeparator {}
+
+                        MenuItem {
+                            text: "Checked"
+                            checked: true
+                        }
+                        MenuItem {
+                            text: "CH+PR"
+                            checked: true
+                            down: true
+                        }
+                        MenuItem {
+                            text: "CH+DIS"
+                            checked: true
+                            enabled: false
+                        }
+                    }
+                }
             }
 
-            ToolSeparator {}
+            Item {
+                Layout.fillWidth: true
+            }
 
             ToolButton {
-                id: menuButton
-                text: "Menu"
-                hoverEnabled: true
-                ToolTip.text: text
-                ToolTip.delay: 1000
-                ToolTip.visible: hovered
-                checked: menu.visible
+                id: optionsMenuButton
+                text: "\u22EE" // VERTICAL ELLIPSIS
+                checked: optionsMenu.visible
                 checkable: true
 
                 Menu {
-                    id: menu
+                    id: optionsMenu
                     x: 1
                     y: 1 + parent.height
-                    visible: menuButton.checked
+                    visible: optionsMenuButton.checked
                     closePolicy: Popup.CloseOnPressOutsideParent
 
                     MenuItem {
-                        text: "MenuItem"
+                        id: enabledMenuItem
+                        text: "Enabled"
+                        checkable: true
+                        checked: true
                     }
+
                     MenuItem {
-                        text: "Pressed"
-                        down: true
+                        id: mirroredMenuItem
+                        text: "Mirrored"
+                        checkable: true
                     }
+
                     MenuItem {
-                        text: "Disabled"
-                        enabled: false
+                        id: darkMenuItem
+                        text: "Dark"
+                        checkable: true
                     }
 
                     MenuSeparator {}
 
                     MenuItem {
-                        text: "Checked"
-                        checked: true
-                    }
-                    MenuItem {
-                        text: "CH+PR"
-                        checked: true
-                        down: true
-                    }
-                    MenuItem {
-                        text: "CH+DIS"
-                        checked: true
-                        enabled: false
+                        text: "Quit"
+                        onTriggered: Qt.quit()
                     }
                 }
             }
-
-            Item {
-                Layout.fillWidth: true
-            }
-            Label {
-                text: "Light/Dark"
-            }
-            Switch {
-                id: themeSwitch
-            }
         }
     }
 
     footer: TabBar {
+        enabled: enabledMenuItem.checked
         TabButton {
             text: "TabButton"
         }
@@ -215,6 +258,7 @@ ApplicationWindow {
                 id: flow
                 width: parent.width
                 spacing: 30
+                enabled: enabledMenuItem.checked
 
                 RowLayout {
                     spacing: window.controlSpacing