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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
/*
* Copyright (C) 2016 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.4
import Lomiri.Components 1.3
import Lomiri.Test 1.0
MainView {
width: units.gu(50)
height: units.gu(70)
id: root
Item {
id: invisible
visible: false
Rectangle {
objectName: "my_rectangle"
id: myRectangle
anchors {
left: parent ? parent.left : undefined
right: parent ? parent.right : undefined
}
height: myPageHeader.height
color: LomiriColors.red
}
PageHeader {
id: myPageHeader
objectName: "my_page_header"
title: "Page header"
trailingActionBar.actions: [
Action {
iconName: "settings"
text: "First"
},
Action {
iconName: "info"
text: "Second"
}
]
}
}
Page {
id: page
title: "Page with header"
header: myPageHeader
Column {
anchors {
left: parent.left
right: parent.right
top: page.header ? page.header.bottom : parent.top
topMargin: units.gu(10)
leftMargin: units.gu(10)
rightMargin: units.gu(10)
}
height: childrenRect.height
Button {
anchors {
left: parent.left
right: parent.right
}
text: "Page header"
onClicked: page.header = myPageHeader
}
Button {
anchors {
left: parent.left
right: parent.right
}
text: "Rectangle"
onClicked: page.header = myRectangle
}
Button {
anchors {
left: parent.left
right: parent.right
}
text: "Null"
onClicked: page.header = null
}
}
}
LomiriTestCase {
name: "PageWithHeader"
when: windowShown
id: testCase
property var appHeader;
function initTestCase() {
var pageHeader = findChild(page, "my_page_header");
compare(pageHeader, myPageHeader,
"My PageHeader not initialized with Page as its parent.");
appHeader = findChild(root, "MainView_Header");
compare(appHeader.visible, false,
"AppHeader is not hidden initially when Page.header is set.");
}
function cleanup() {
page.header = myPageHeader;
var pageHeader = findChild(page, "my_page_header");
compare(pageHeader, myPageHeader,
"PageHeader is not correctly re-parented to the Page when setting Page.header.");
compare(myPageHeader.visible, true,
"PageHeader is not visible after being re-parented to the Page.");
compare(appHeader.visible, false,
"AppHeader is not hidden when Page.header is set.");
}
function test_page_with_no_header() {
page.header = null;
compare(myPageHeader.parent, null,
"Header parent is not wet to null when unsetting Page.header.");
compare(appHeader.visible, true,
"AppHeader does not become visible when Page.header is null.");
}
function test_page_with_alternative_header() {
page.header = myRectangle;
compare(myPageHeader.parent, null,
"Header parent not null after setting a different Page.header.");
compare(myRectangle.parent, page,
"Rectangle parent is not correctly set to page after setting it as Page.header.");
compare(appHeader.visible, false,
"Setting a different Page.header Item shows the AppHeader.");
page.header = myPageHeader;
compare(myRectangle.parent, null,
"Rectangle parent is not set to null after unsetting it as Page.header.");
// myPageHeader parent is checked in cleanup().
}
}
}
|
