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
|
/*
* Copyright 2014-2015 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
Item {
width: units.gu(50)
height: units.gu(70)
MainView {
id: mainView
anchors.fill: parent
Page {
id: page
title: "Sections"
head {
sections {
actions: [
Action { text: "navy" },
Action { text: "lightblue" },
Action { text: "brown" }
]
}
actions: [
Action {
iconName: "appointment-new"
text: "New"
},
Action {
iconName: "attachment"
text: "Attach"
},
Action {
iconName: "calendar-today"
text: "Today"
},
Action {
iconName: "delete"
text: "Delete"
}
]
}
ListView {
anchors.fill: parent
model: 50
delegate: ListItem {
LomiriShape {
id: shape
anchors {
left: parent.left
top: parent.top
bottom: parent.bottom
margins: units.gu(1)
}
width: height
property int index: page.head.sections.selectedIndex
backgroundColor: index >= 0
? page.head.sections.actions[index].text
: "black"
}
Label {
id: label
anchors {
left: shape.right
leftMargin: units.gu(2)
verticalCenter: parent.verticalCenter
}
text: "List item #"+index
}
}
}
}
}
LomiriTestCase {
name: "PageHeadSectionsAPI"
when: windowShown
id: testCase
property var sectionsItem
function initTestCase() {
compare(mainView.active, true, "MainView always active.");
compare(page.active, true, "Single page is active in MainView.");
testCase.sectionsItem = findChild(mainView, "headerSectionsItem");
}
function init() {
page.head.sections.selectedIndex = 0;
}
function test_number_of_sections() {
compare(sectionsItem.model.length, 3, "Number of sections initialization failed.");
page.head.sections.model = ["red"];
compare(sectionsItem.model.length, 1, "Number of sections not updated.");
page.head.sections.model = ["navy", "lightblue", "brown"];
compare(sectionsItem.model.length, 3, "Number of sections reverted.");
// Tests for verifying that itemModel.length equals the amount
// of section buttons are in tst_sections.qml.
}
function check_selected_button(selectedButtonIndex) {
compare(sectionsItem.selectedIndex, selectedButtonIndex,
"Incorrect button selected.");
var button = findChild(sectionsItem, "section_button_"+selectedButtonIndex);
verify(button);
verify(button.selected);
}
function test_selected_section() {
var sectionsRepeater = findChild(mainView, "page_head_sections_repeater");
check_selected_button(0);
page.head.sections.selectedIndex = 2;
check_selected_button(2);
page.head.sections.selectedIndex = 1;
check_selected_button(1);
page.head.sections.selectedIndex = 0;
check_selected_button(0);
}
function test_warn_when_too_many_sections() {
ignoreWarning("PageHeadSections does not support more than 3 sections. Use PageHeader and Sections instead.");
page.head.sections.model = ["red", "orange", "yellow", "green"];
}
}
}
|
