File: tst_expandables.11.qml

package info (click to toggle)
lomiri-ui-toolkit 1.3.5110%2Bdfsg-2
  • links: PTS, VCS
  • area: main
  • in suites: sid, trixie
  • size: 26,436 kB
  • sloc: cpp: 85,830; python: 5,537; sh: 1,344; javascript: 919; ansic: 573; makefile: 204
file content (121 lines) | stat: -rw-r--r-- 4,409 bytes parent folder | download | duplicates (2)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
/*
 * Copyright 2014 Canonical Ltd.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation; version 3.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import QtQuick 2.0
import QtTest 1.0
import Lomiri.Test 1.0
import Lomiri.Components 1.1
import Lomiri.Components.ListItems 1.0

// FIXME: Unit tests fail with fatal warnings. See bug #1610230.

Item {
    width: units.gu(40)
    height: units.gu(60)

    ExpandablesColumn {
        id: expandablesColumn
        anchors { left: parent.left; top: parent.top; right: parent.right }
        height: units.gu(60)

        Expandable {
            id: expandable
            expandedHeight: contentColumn.height

            onClicked: expanded = !expanded

            Column {
                id: contentColumn
                anchors { left: parent.left; right: parent.right; top: parent.top }
                Rectangle {
                    anchors { left: parent.left; right: parent.right}
                    id: collapsedRect
                    color: "khaki"
                    height: expandable.collapsedHeight
                }
                Rectangle {
                    anchors { left: parent.left; right: parent.right }
                    height: units.gu(40)
                    color: "orange"
                }
            }
        }
    }

    LomiriTestCase {
        name: "Expandable"
        when: windowShown

        function test_expanding_collapsing() {
            waitForRendering(expandable);
            // expand it and make sure it eventually reaches the expandedHeight
            expandable.expanded = true;
            tryCompare(expandable, "height", contentColumn.height);

            // Item's flickable must not be interactive when the full expandedHeight fits
            var flickable = findInvisibleChild(expandable, "__expandableContentFlickable");
            compare(flickable.interactive, false);

            // collapse it and make sure it eventually reaches the collapsedHeight
            expandable.expanded = false;
            tryCompare(expandable, "height", expandable.collapsedHeight);
        }

        function test_maxExpandingHeight() {
            // resize the column to something smaller
            expandablesColumn.height = units.gu(30);

            // Item's flickable must not be interactive when collapsed
            var flickable = findInvisibleChild(expandable, "__expandableContentFlickable");
            compare(flickable.interactive, false);

            expandable.expanded = true;
            tryCompare(expandable, "height", expandablesColumn.height - expandable.collapsedHeight);

            // Now that we're expanded and don't fit into the parent, flicking must be enabled
            compare(flickable.interactive, true);
        }

        function test_restoreCollapsingFlickable() {
            // resize the column to something smaller
            expandablesColumn.height = units.gu(30);

            expandable.expanded = true;
            tryCompare(expandable, "height", expandablesColumn.height - expandable.collapsedHeight);

            var flickable = findInvisibleChild(expandable, "__expandableContentFlickable");
            flickable.flick(0, -units.gu(500))
            tryCompare(flickable, "flicking", false);

            // contentY should be off the grid now
            verify(flickable.contentY != 0);

            // Now collapse and make sure that the contentY ends up again at 0
            expandable.expanded = false;
            tryCompare(expandable, "height", expandable.collapsedHeight);
            compare(flickable.contentY, 0);
        }

        function cleanup() {
            // Restore listview height
            expandablesColumn.height = units.gu(60);

            // restore collapsed state
            expandable.expanded = false;
            tryCompare(expandable, "height", expandable.collapsedHeight);
        }
    }
}