feat(PopupStyle): add `opening/closing`Duration properties

tests/ui/modules/Common/Popup/AbstractDropDownMenu.qml

@@ -122,7 +122,7 @@ Item {
       to: 'Opened'
 
       NumberAnimation {
-        duration: 250
+        duration: PopupStyle.animation.openingDuration
         easing.type: Easing.InOutQuad
         property: 'opacity'
         target: menu
@@ -130,7 +130,7 @@ Item {
 
       SequentialAnimation {
         PauseAnimation {
-          duration: 250
+          duration: PopupStyle.animation.closingDuration
         }
 
         ScriptAction {
@@ -144,22 +144,22 @@ Item {
       to: ''
 
       NumberAnimation {
-        duration: 250
+        duration: PopupStyle.animation.openingDuration
         easing.type: Easing.InOutQuad
         property: 'opacity'
         target: menu
       }
 
       NumberAnimation {
-        duration: 250
+        duration: PopupStyle.animation.closingDuration
         easing.type: Easing.InOutQuad
-        property: 'visible' // Ugly, use `NumberAnimation` on bool.
+        property: 'visible' // Ugly, use `NumberAnimation` with a bool.
         target: menu
       }
 
       SequentialAnimation {
         PauseAnimation {
-          duration: 250
+          duration: PopupStyle.animation.closingDuration
         }
 
         ScriptAction {

tests/ui/modules/Common/SearchBox.qml

@@ -21,6 +21,8 @@ Item {
 
   property alias placeholderText: searchField.placeholderText
 
+  property bool _isOpen: false
+
   signal menuClosed
   signal menuOpened
 

tests/ui/modules/Common/Styles/PopupStyle.qml

@@ -8,6 +8,11 @@ import Common 1.0
 QtObject {
   property color backgroundColor: Colors.k
 
+  property QtObject animation: QtObject {
+    property int openingDuration: 250
+    property int closingDuration: 250
+  }
+
   property QtObject shadow: QtObject {
     property color color: Colors.f
     property int horizontalOffset: 2