← Back to branch summary

~ci-train-bot/unity8/unity8-ubuntu-zesty-2167

« back to all changes in this revision

Viewing changes to tests/qmltests/Components/tst_ListViewWithPageHeader.qml

  • Committer: Michał Sawicz
  • Date: 2013-06-05 22:03:08 UTC
  • Revision ID: michal.sawicz@canonical.com-20130605220308-yny8fv3futtr04fg
Inital unity8 commit.

Previous history can be found at https://code.launchpad.net/~unity-team/unity/phablet

Show diffs side-by-side

added added

removed removed

Lines of Context:
tests/qmltests/Components/tst_ListViewWithPageHeader.qml
 
1
/*
 
2
 * Copyright 2013 Canonical Ltd.
 
3
 *
 
4
 * This program is free software; you can redistribute it and/or modify
 
5
 * it under the terms of the GNU General Public License as published by
 
6
 * the Free Software Foundation; version 3.
 
7
 *
 
8
 * This program is distributed in the hope that it will be useful,
 
9
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 
10
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
11
 * GNU General Public License for more details.
 
12
 *
 
13
 * You should have received a copy of the GNU General Public License
 
14
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
15
 */
 
16
 
 
17
import QtQuick 2.0
 
18
import QtTest 1.0
 
19
import ".."
 
20
import "../../../Components"
 
21
import Ubuntu.Components.ListItems 0.1 as ListItem
 
22
import Ubuntu.Components 0.1
 
23
import Unity.Test 0.1 as UT
 
24
 
 
25
Item {
 
26
    id: root
 
27
    width: units.gu(40)
 
28
    height: units.gu(80)
 
29
 
 
30
    ListModel {
 
31
        id: animalsModel
 
32
        ListElement { name: "Parrot"; size: "Small" }
 
33
        ListElement { name: "Guinea pig"; size: "Small" }
 
34
        ListElement { name: "Mouse"; size: "Small" }
 
35
        ListElement { name: "Sparrow"; size: "Small" }
 
36
        ListElement { name: "Dog"; size: "Medium" }
 
37
        ListElement { name: "Cat"; size: "Medium" }
 
38
        ListElement { name: "Dolphin"; size: "Medium" }
 
39
        ListElement { name: "Seal"; size: "Medium" }
 
40
        ListElement { name: "Elephant"; size: "Large" }
 
41
        ListElement { name: "Blue whale"; size: "Large" }
 
42
        ListElement { name: "Rhino"; size: "Large" }
 
43
        ListElement { name: "Ostrich"; size: "Large" }
 
44
        ListElement { name: "Sperm whale"; size: "Large" }
 
45
        ListElement { name: "Giraffe"; size: "Large" }
 
46
        ListElement { name: "Parrot"; size: "Small" }
 
47
        ListElement { name: "Guinea pig"; size: "Small" }
 
48
        ListElement { name: "Mouse"; size: "Small" }
 
49
        ListElement { name: "Sparrow"; size: "Small" }
 
50
        ListElement { name: "Dog"; size: "Medium" }
 
51
        ListElement { name: "Cat"; size: "Medium" }
 
52
        ListElement { name: "Dolphin"; size: "Medium" }
 
53
        ListElement { name: "Seal"; size: "Medium" }
 
54
        ListElement { name: "Elephant"; size: "Large" }
 
55
        ListElement { name: "Blue whale"; size: "Large" }
 
56
        ListElement { name: "Rhino"; size: "Large" }
 
57
        ListElement { name: "Ostrich"; size: "Large" }
 
58
        ListElement { name: "Sperm whale"; size: "Large" }
 
59
        ListElement { name: "Giraffe"; size: "Large" }
 
60
        ListElement { name: "Parrot"; size: "Small" }
 
61
        ListElement { name: "Guinea pig"; size: "Small" }
 
62
        ListElement { name: "Mouse"; size: "Small" }
 
63
        ListElement { name: "Sparrow"; size: "Small" }
 
64
        ListElement { name: "Dog"; size: "Medium" }
 
65
        ListElement { name: "Cat"; size: "Medium" }
 
66
        ListElement { name: "Dolphin"; size: "Medium" }
 
67
        ListElement { name: "Seal"; size: "Medium" }
 
68
        ListElement { name: "Elephant"; size: "Large" }
 
69
        ListElement { name: "Blue whale"; size: "Large" }
 
70
        ListElement { name: "Rhino"; size: "Large" }
 
71
        ListElement { name: "Ostrich"; size: "Large" }
 
72
        ListElement { name: "Sperm whale"; size: "Large" }
 
73
        ListElement { name: "Giraffe"; size: "Large" }
 
74
        ListElement { name: "Parrot"; size: "Small" }
 
75
        ListElement { name: "Guinea pig"; size: "Small" }
 
76
        ListElement { name: "Mouse"; size: "Small" }
 
77
        ListElement { name: "Sparrow"; size: "Small" }
 
78
        ListElement { name: "Dog"; size: "Medium" }
 
79
        ListElement { name: "Cat"; size: "Medium" }
 
80
        ListElement { name: "Dolphin"; size: "Medium" }
 
81
        ListElement { name: "Seal"; size: "Medium" }
 
82
        ListElement { name: "Elephant"; size: "Large" }
 
83
        ListElement { name: "Blue whale"; size: "Large" }
 
84
        ListElement { name: "Rhino"; size: "Large" }
 
85
        ListElement { name: "Ostrich"; size: "Large" }
 
86
        ListElement { name: "Sperm whale"; size: "Large" }
 
87
        ListElement { name: "Giraffe"; size: "Large" }
 
88
    }
 
89
 
 
90
    ListViewWithPageHeader {
 
91
        id: listView
 
92
        anchors.fill: parent
 
93
        model: animalsModel
 
94
 
 
95
        delegate: Item {
 
96
            height: units.gu(6)
 
97
            anchors {
 
98
                left: parent.left
 
99
                right: parent.right
 
100
            }
 
101
 
 
102
            Label {
 
103
                id: label
 
104
                anchors.fill: parent
 
105
                text: name
 
106
                verticalAlignment: Text.AlignVCenter
 
107
            }
 
108
        }
 
109
 
 
110
        sectionProperty: "size"
 
111
        sectionDelegate: Rectangle {
 
112
            anchors {
 
113
                left: (parent) ? parent.left : undefined
 
114
                right: (parent) ? parent.right : undefined
 
115
            }
 
116
            height: units.gu(5)
 
117
            color: "lightsteelblue"
 
118
 
 
119
            Label {
 
120
                id: label
 
121
                anchors.fill: parent
 
122
                text: section
 
123
                verticalAlignment: Text.AlignVCenter
 
124
            }
 
125
        }
 
126
 
 
127
        pageHeader: PageHeader {
 
128
            id: pageHeader
 
129
            anchors {
 
130
                left: parent.left
 
131
                right: parent.right
 
132
            }
 
133
            text: "Animals"
 
134
        }
 
135
    }
 
136
 
 
137
 
 
138
 
 
139
 
 
140
    UT.UnityTestCase {
 
141
        name: "ListViewWithPageHeader"
 
142
        when: windowShown
 
143
 
 
144
        readonly property real xPos: listView.width / 2
 
145
        readonly property real headerHeight: pageHeader.height
 
146
 
 
147
    /**************************** Helper functions ****************************/
 
148
        function listViewFirstSectionHeaderYPosition() {
 
149
            return Math.round(listView.pageHeader.mapToItem(listView).y); //round as using floats
 
150
        }
 
151
 
 
152
        function firstSectionHeaderYPosition() {
 
153
            return Math.round(listView.view.children[0].mapToItem(listView).y);
 
154
        }
 
155
 
 
156
        function cleanup() {
 
157
            listView.positionAtBeginning();
 
158
            // wait for list position to reset
 
159
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
160
            tryCompare(listView.view.contentY, 0);
 
161
        }
 
162
 
 
163
        // these functions are hand-crafted to move the Flickable down/up one pixel
 
164
        function swipeDown1Pixel(item) {
 
165
            mousePress(item, xPos, 15);
 
166
            mouseMove(item, xPos, 14, 100);
 
167
            mouseMove(item, xPos, 10, 100);
 
168
            mouseMove(item, xPos, 6, 100);
 
169
            mouseMove(item, xPos, 3, 100);
 
170
            mouseMove(item, xPos, 1, 100);
 
171
            mouseMove(item, xPos, 0, 100);
 
172
            mouseRelease(item, xPos, 0);
 
173
        }
 
174
 
 
175
        function swipeUp1Pixel(item) {
 
176
            mousePress(item, xPos, 0);
 
177
            mouseMove(item, xPos, 1, 100);
 
178
            mouseMove(item, xPos, 5, 100);
 
179
            mouseMove(item, xPos, 9, 100);
 
180
            mouseMove(item, xPos, 12, 100);
 
181
            mouseMove(item, xPos, 14, 100);
 
182
            mouseMove(item, xPos, 15, 100);
 
183
            mouseRelease(item, xPos, 15);
 
184
        }
 
185
 
 
186
    /******************************* Test cases *******************************/
 
187
 
 
188
        /* Check the initial positions of components are correct */
 
189
        function test_initialState() {
 
190
            compare(listViewFirstSectionHeaderYPosition(), 0);
 
191
            compare(listView.view.contentY, 0);
 
192
 
 
193
            // Check that the section delegate is positioned underneath the header
 
194
            // First section delegate is the first child of the view
 
195
            tryCompareFunction(firstSectionHeaderYPosition, headerHeight);
 
196
        }
 
197
 
 
198
        /* Check the header moves up one pixel when the view is moved up by one pixel */
 
199
        function test_headerPositionAfterDownMoveByOnePixel() {
 
200
            swipeDown1Pixel(listView)
 
201
 
 
202
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -1);
 
203
            tryCompareFunction(firstSectionHeaderYPosition, headerHeight - 1);
 
204
            tryCompare(listView.view.contentY, -1);
 
205
        }
 
206
 
 
207
        /* Check the header position is y=0 when view moved up and then down by one pixel */
 
208
        function test_headerPositionAfterDownAndThenUpMoveByOne() {
 
209
            swipeDown1Pixel(listView)
 
210
 
 
211
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -1);
 
212
            tryCompare(listView.view.contentY, -1);
 
213
 
 
214
            // these operations move the Flickabe up one pixel
 
215
            swipeUp1Pixel(listView);
 
216
 
 
217
            tryCompare(listView.view.contentY, 0);
 
218
            // tryCompareFunction(listViewFirstSectionHeaderYPosition, 0) //FIXME - this fails due to bug in LVWPH
 
219
            tryCompareFunction(firstSectionHeaderYPosition, headerHeight)
 
220
        }
 
221
 
 
222
        /* Check after a big flick the header is moved off-screen, with the header bottom
 
223
           placed just above the view */
 
224
        function test_headerPositionAfterDownMove() {
 
225
            // move the Flickabe up to hide header
 
226
            listView.flick(0, -10000);
 
227
 
 
228
            // wait for flick to finish
 
229
            tryCompare(listView.moving, false);
 
230
 
 
231
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -headerHeight);
 
232
        }
 
233
 
 
234
        /* Check when header off-screen, moving down the view by one pixel moves the header
 
235
           down by one pixel */
 
236
        function test_hiddenHeaderPositionAfterUpMoveByOnePixel() {
 
237
            // move the Flickabe up to hide header
 
238
            listView.flick(0, -10000);
 
239
 
 
240
            // wait for flick to fully hide header
 
241
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -headerHeight);
 
242
 
 
243
            swipeUp1Pixel(listView);
 
244
 
 
245
            tryCompareFunction( function() {
 
246
                return Math.floor( listViewFirstSectionHeaderYPosition() ); // need to round to make test more robust
 
247
            }, -headerHeight + 1);
 
248
        }
 
249
 
 
250
        /* Check if up swipe causes list to bounces at the bottom, header stays hidden */
 
251
        function test_upSwipeCausingBounceKeepsHeaderHidden() {
 
252
            // move list to the bottom (will bounce)
 
253
            listView.flick(0, -1000000);
 
254
 
 
255
            // wait for bounce to complete
 
256
            tryCompare(listView.moving, false);
 
257
            tryCompare(listView.view.atYEnd, true);
 
258
 
 
259
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -headerHeight);
 
260
        }
 
261
 
 
262
        /* Check if up swipe causes list to bounces at the bottom, header stays hidden */
 
263
        function test_downSwipeCausingBounceKeepsHeaderVisible() {
 
264
            // move list to the bottom (will bounce)
 
265
            listView.flick(0, -1000000);
 
266
 
 
267
            // wait for bounce to complete
 
268
            tryCompare(listView.moving, false);
 
269
            tryCompare(listView.view.atYBeginning, true);
 
270
 
 
271
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
272
        }
 
273
 
 
274
        /* Check if list at top is pulled down further, that the list contents move but the
 
275
           header remains at the top of the view */
 
276
        function test_topDragOverBoundsKeepsHeaderVisible() {
 
277
            // drag list up - but don't release yet
 
278
            mouseFlick(listView,
 
279
                       xPos, // from_x
 
280
                       0,    // from_y
 
281
                       xPos, // to_x
 
282
                       100, true, false, 0.2);
 
283
 
 
284
            // wait for gesture to occur
 
285
            tryCompareFunction(function() { return listView.view.contentY < 20; }, true);
 
286
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
287
 
 
288
            mouseRelease(listView, xPos, 400);
 
289
 
 
290
            // ensure list moving to recover from over-bound drag keeps header unchanged
 
291
            tryCompare(listView.view.contentY, 0);
 
292
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
293
        }
 
294
 
 
295
        /* Check if list at top is pulled down further, that the list contents move but the
 
296
           header remains at the top of the view */
 
297
        function test_bottomDragOverBoundsKeepsHeaderHidden() {
 
298
            // move list to the bottom (will bounce)
 
299
            listView.flick(0, -1000000);
 
300
 
 
301
            // wait for bounce to complete
 
302
            tryCompare(listView.moving, false);
 
303
            tryCompare(listView.view.atYEnd, true);
 
304
 
 
305
            // drag list up but don't release
 
306
            mouseFlick(listView,
 
307
                       xPos, // from_x
 
308
                       0,    // from_y
 
309
                       xPos, // to_x
 
310
                       -listView.height, true, false);
 
311
 
 
312
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -headerHeight);
 
313
 
 
314
            mouseRelease(listView, xPos, -listView.height);
 
315
            // wait for list to reset position
 
316
            tryCompare(listView.moving, false);
 
317
            tryCompare(listView.view.atYEnd, true);
 
318
 
 
319
            // ensure list moving to recover from over-bound drag keeps header unchanged
 
320
            tryCompareFunction(listViewFirstSectionHeaderYPosition, -headerHeight);
 
321
        }
 
322
 
 
323
        /* Check positionAtBeginning() works resets list and header position */
 
324
        function test_positionAtBeginning() {
 
325
            // move the Flickabe up to hide header
 
326
            listView.flick(0, -10000);
 
327
 
 
328
            // wait for gesture to complete
 
329
            tryCompare(listView.moving, false);
 
330
 
 
331
            listView.positionAtBeginning();
 
332
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
333
            tryCompare(listView.view.contentY, 0);
 
334
        }
 
335
 
 
336
        /* Check showHeader forces header to appear but list position remains unchanged */
 
337
        function test_showHeader() {
 
338
            // move the Flickabe up to hide header
 
339
            listView.flick(0, -10000);
 
340
 
 
341
            // wait for gesture to complete
 
342
            tryCompare(listView.moving, false);
 
343
 
 
344
            var listContentY = listView.view.contentY;
 
345
 
 
346
            listView.showHeader();
 
347
            tryCompareFunction(listViewFirstSectionHeaderYPosition, 0);
 
348
            tryCompare(listView.view.contentY, listContentY);
 
349
        }
 
350
    }
 
351
}