Add more manual tests

Change-Id: Ib845f33091c43aff1fe574e2864fe3b59f3c6cf1
Reviewed-by: Tim Jenssen <tim.jenssen@qt.io>

6 files changed, 783 insertions, 0 deletions

diff --git a/tests/manual/timelineTestApp/main.qml b/tests/manual/timelineTestApp/main.qml
index 64416dd..061d314 100644
--- a/tests/manual/timelineTestApp/main.qml
+++ b/tests/manual/timelineTestApp/main.qml
@@ -79,5 +79,41 @@ Window {
                 onClicked: loader.source = "test05.qml"
             }
         }
+
+        Text {
+            text: "Test 06"
+            font.pixelSize: 12
+            MouseArea {
+                anchors.fill: parent
+                onClicked: loader.source = "test06.qml"
+            }
+        }
+
+        Text {
+            text: "Test 07"
+            font.pixelSize: 12
+            MouseArea {
+                anchors.fill: parent
+                onClicked: loader.source = "test07.qml"
+            }
+        }
+
+        Text {
+            text: "Test 08"
+            font.pixelSize: 12
+            MouseArea {
+                anchors.fill: parent
+                onClicked: loader.source = "test08.qml"
+            }
+        }
+
+        Text {
+            text: "Test 09"
+            font.pixelSize: 12
+            MouseArea {
+                anchors.fill: parent
+                onClicked: loader.source = "test09.qml"
+            }
+        }
     }
 }
diff --git a/tests/manual/timelineTestApp/qml.qrc b/tests/manual/timelineTestApp/qml.qrc
index 0fffb97..dc804bd 100644
--- a/tests/manual/timelineTestApp/qml.qrc
+++ b/tests/manual/timelineTestApp/qml.qrc
@@ -6,5 +6,10 @@
         <file>test03.qml</file>
         <file>test04.qml</file>
         <file>test05.qml</file>
+        <file>test06.qml</file>
+        <file>test07.qml</file>
+        <file>test08.qml</file>
+        <file>Circle.qml</file>
+        <file>test09.qml</file>
     </qresource>
 </RCC>
diff --git a/tests/manual/timelineTestApp/test06.qml b/tests/manual/timelineTestApp/test06.qml
new file mode 100644
index 0000000..736187b
--- /dev/null
+++ b/tests/manual/timelineTestApp/test06.qml
@@ -0,0 +1,244 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd
+** All rights reserved.
+** For any questions to The Qt Company, please use contact form at http://www.qt.io/contact-us
+**
+** This file is part of the Qt Enterprise Qt Quick Timeline Add-on.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://www.qt.io/contact-us
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Timeline 1.0
+
+Item {
+    width: 640
+    height: 480
+
+    Timeline {
+        id: keyframeMutator
+        enabled: true
+        endFrame: 1000
+
+        KeyframeGroup {
+            target: rectangle
+            property: "x"
+            Keyframe {
+                frame: 0
+                value: 447
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: 220
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 1000
+                value: -9
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle
+            property: "y"
+            Keyframe {
+                frame: 0
+                value: 140
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: 140
+            }
+
+            Keyframe {
+                frame: 1000
+                value: 140
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle1
+            property: "x"
+            Keyframe {
+                frame: 0
+                value: 220
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: -7
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 1000
+                value: -236
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle1
+            property: "y"
+            Keyframe {
+                frame: 0
+                value: 140
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: 140
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 1000
+                value: 140
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle2
+            property: "x"
+            Keyframe {
+                frame: 0
+                value: 676
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: 449
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 1000
+                value: 220
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle2
+            property: "y"
+            Keyframe {
+                frame: 0
+                value: 140
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 500
+                value: 140
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.42,0.00,0.58,1.00,1,1]
+                frame: 1000
+                value: 140
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle1
+            property: "scale"
+
+            Keyframe {
+                frame: 0
+                value: 1
+            }
+
+            Keyframe {
+                frame: 500
+                value: 0.5
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle
+            property: "scale"
+
+            Keyframe {
+                frame: 0
+                value: 0.5
+            }
+
+            Keyframe {
+                frame: 500
+                value: 1
+            }
+
+            Keyframe {
+                frame: 1000
+                value: 0.5
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle2
+            property: "scale"
+
+            Keyframe {
+                frame: 500
+                value: 0.5
+            }
+
+            Keyframe {
+                frame: 1000
+                value: 1
+            }
+        }
+    }
+
+    Rectangle {
+        id: rectangle
+        x: 220
+        y: 140
+        width: 200
+        height: 200
+        color: "#868686"
+    }
+
+    Rectangle {
+        id: rectangle1
+        x: -7
+        y: 140
+        width: 200
+        height: 200
+        color: "#747474"
+    }
+
+    Rectangle {
+        id: rectangle2
+        x: 449
+        y: 140
+        width: 200
+        height: 200
+        color: "#767676"
+    }
+
+    PropertyAnimation {
+        id: propertyAnimation
+        target: keyframeMutator
+        property: "currentFrame"
+        running: true
+        to: keyframeMutator.endFrame
+        duration: 1000
+        loops: -1
+        from: keyframeMutator.startFrame
+    }
+}
diff --git a/tests/manual/timelineTestApp/test07.qml b/tests/manual/timelineTestApp/test07.qml
new file mode 100644
index 0000000..5ed777d
--- /dev/null
+++ b/tests/manual/timelineTestApp/test07.qml
@@ -0,0 +1,117 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd
+** All rights reserved.
+** For any questions to The Qt Company, please use contact form at http://www.qt.io/contact-us
+**
+** This file is part of the Qt Enterprise Qt Quick Timeline Add-on.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://www.qt.io/contact-us
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Timeline 1.0
+
+Item {
+    id: item1
+    width: 640
+    height: 480
+
+    Text {
+        id: text1
+        x: 70
+        y: 93
+        text: "Count 01"
+        font.pixelSize: 12
+    }
+
+    Timeline {
+        id: timeline
+        enabled: true
+        endFrame: 1000
+        startFrame: 0
+
+        KeyframeGroup {
+            target: text1
+            property: "text"
+
+            Keyframe {
+                frame: 0
+                value: "Count 01"
+            }
+
+            Keyframe {
+                frame: 100
+                value: "Count 10"
+            }
+
+            Keyframe {
+                frame: 200
+                value: "Count 20"
+            }
+
+            Keyframe {
+                frame: 300
+                value: "Count 30"
+            }
+
+            Keyframe {
+                frame: 400
+                value: "Count 40"
+            }
+
+            Keyframe {
+                frame: 500
+                value: "Count 50"
+            }
+
+            Keyframe {
+                frame: 600
+                value: "Count 60"
+            }
+
+            Keyframe {
+                frame: 700
+                value: "Count 70"
+            }
+
+            Keyframe {
+                frame: 800
+                value: "Count 80"
+            }
+
+            Keyframe {
+                frame: 900
+                value: "Count 90"
+            }
+
+            Keyframe {
+                frame: 1000
+                value: "Count 100"
+            }
+        }
+    }
+
+    NumberAnimation {
+        id: numberAnimation
+        target: timeline
+        property: "currentFrame"
+        running: true
+        to: timeline.endFrame
+        duration: 1000
+        from: timeline.startFrame
+        loops: -1
+    }
+}
+
+/*##^## Designer {
+    D{i:1;timeline_expanded:true}D{i:2;currentFrame__AT__NodeInstance:1}
+}
+ ##^##*/
diff --git a/tests/manual/timelineTestApp/test08.qml b/tests/manual/timelineTestApp/test08.qml
new file mode 100644
index 0000000..941e63a
--- /dev/null
+++ b/tests/manual/timelineTestApp/test08.qml
@@ -0,0 +1,211 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd
+** All rights reserved.
+** For any questions to The Qt Company, please use contact form at http://www.qt.io/contact-us
+**
+** This file is part of the Qt Enterprise Qt Quick Timeline Add-on.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://www.qt.io/contact-us
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Timeline 1.0
+
+Item {
+    id: item1
+    width: 640
+    height: 480
+
+    Timeline {
+        id: keyframeMutator
+        endFrame: 1000
+        enabled: true
+
+        animations: [
+            TimelineAnimation {
+                running: true
+                duration: 1000
+                loops: -1
+                from: keyframeMutator.startFrame
+                to: keyframeMutator.endFrame
+            }
+        ]
+
+        KeyframeGroup {
+            target: circle1
+            property: "width"
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 250
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 50
+            }
+        }
+
+        KeyframeGroup {
+            target: circle1
+            property: "height"
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 250
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 50
+            }
+        }
+
+        KeyframeGroup {
+            target: circle1
+            property: "opacity"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 1
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 0
+            }
+        }
+
+        KeyframeGroup {
+            target: circle
+            property: "opacity"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 1
+            }
+        }
+
+        KeyframeGroup {
+            target: circle
+            property: "width"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 180
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 80
+            }
+        }
+
+        KeyframeGroup {
+            target: circle
+            property: "height"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 500
+                value: 180
+            }
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 80
+            }
+        }
+
+        KeyframeGroup {
+            target: circle2
+            property: "opacity"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 0
+            }
+        }
+
+        KeyframeGroup {
+            target: circle2
+            property: "width"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 10
+            }
+        }
+
+        KeyframeGroup {
+            target: circle2
+            property: "height"
+
+            Keyframe {
+                easing.bezierCurve: [0.65,0.05,0.35,1.00,1,1]
+                frame: 1000
+                value: 10
+            }
+        }
+    }
+
+
+    Circle {
+        id: circle
+        x: 283
+        y: 202
+        width: 75
+        height: 76
+        color: "#00ffffff"
+        opacity: 0
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+        borderWidth: 4
+        borderColor: "#808080"
+    }
+
+    Circle {
+        id: circle1
+        x: 280
+        y: 206
+        width: 75
+        height: 76
+        color: "#00ffffff"
+        opacity: 0
+        borderWidth: 4
+        borderColor: "#808080"
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Circle {
+        id: circle2
+        x: 272
+        y: 206
+        width: 75
+        height: 76
+        color: "#00ffffff"
+        borderWidth: 4
+        borderColor: "#808080"
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+    }
+}
diff --git a/tests/manual/timelineTestApp/test09.qml b/tests/manual/timelineTestApp/test09.qml
new file mode 100644
index 0000000..382c319
--- /dev/null
+++ b/tests/manual/timelineTestApp/test09.qml
@@ -0,0 +1,170 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd
+** All rights reserved.
+** For any questions to The Qt Company, please use contact form at http://www.qt.io/contact-us
+**
+** This file is part of the Qt Enterprise Qt Quick Timeline Add-on.
+**
+** Licensees holding valid Qt Enterprise licenses may use this file in
+** accordance with the Qt Enterprise License Agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company.
+**
+** If you have questions regarding the use of this file, please use
+** contact form at http://www.qt.io/contact-us
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import QtQuick.Timeline 1.0
+
+Item {
+    id: root
+    width: 640
+    height: 480
+
+    Timeline {
+        id: timeline
+        startFrame: 0
+        endFrame: 1000
+        enabled: true
+
+        KeyframeGroup {
+            target: rectangle2
+            property: "visible"
+
+            Keyframe {
+                frame: 0
+                value: false
+            }
+
+            Keyframe {
+                frame: 729
+                value: true
+            }
+
+            Keyframe {
+                frame: 954
+                value: false
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle3
+            property: "visible"
+
+            Keyframe {
+                frame: 0
+                value: false
+            }
+
+            Keyframe {
+                frame: 793
+                value: true
+            }
+
+            Keyframe {
+                frame: 868
+                value: false
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle1
+            property: "visible"
+
+            Keyframe {
+                frame: 0
+                value: false
+            }
+
+            Keyframe {
+                frame: 470
+                value: true
+            }
+
+            Keyframe {
+                frame: 757
+                value: false
+            }
+        }
+
+        KeyframeGroup {
+            target: rectangle
+            property: "visible"
+
+            Keyframe {
+                frame: 0
+                value: false
+            }
+
+            Keyframe {
+                frame: 199
+                value: true
+            }
+
+            Keyframe {
+                frame: 546
+                value: false
+            }
+        }
+    }
+
+    NumberAnimation {
+        id: numberAnimation
+        target: timeline
+        property: "currentFrame"
+        running: true
+        loops: -1
+        to: timeline.endFrame
+        from: timeline.startFrame
+        duration: 1000
+    }
+
+    Rectangle {
+        id: rectangle
+        x: 0
+        y: 0
+        width: 200
+        height: 200
+        color: "#f12929"
+        visible: false
+    }
+
+    Rectangle {
+        id: rectangle1
+        x: 440
+        y: 0
+        width: 200
+        height: 200
+        color: "#2851bb"
+        visible: false
+    }
+
+    Rectangle {
+        id: rectangle2
+        x: 0
+        y: 280
+        width: 200
+        height: 200
+        color: "#2fd21b"
+        visible: false
+    }
+
+    Rectangle {
+        id: rectangle3
+        x: 440
+        y: 280
+        width: 200
+        height: 200
+        color: "#9119dd"
+        visible: false
+    }
+}
+
+/*##^## Designer {
+    D{i:1;currentFrame__AT__NodeInstance:0}D{i:3;timeline_expanded:true}D{i:4;timeline_expanded:true}
+D{i:5;timeline_expanded:true}D{i:6;timeline_expanded:true}
+}
+ ##^##*/