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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
|
// Copyright (c) 2012 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
GEN_INCLUDE(['options_browsertest_base.js']);
/**
* TestFixture for testing the formatting of settings pages.
* @extends {testing.Test}
* @constructor
*/
function SettingsFormatWebUITest() {}
/**
* Map of rule exemptions grouped by test.
* @const
*/
SettingsFormatWebUITest.Filters = {
/**
* Exemption for checkboxes that do not require an id or pref property.
* Input methods use inputMethodId instead of id for unique identification.
*/
'pref': ['language-options-input-method-template',
'language-options-input-method-list']
};
/**
* Collection of error messages.
* @const
*/
SettingsFormatWebUITest.Messages = {
MISSING_CHECK_WRAPPER: 'Element $1 should be enclosed in <div class="$2">',
MISSING_ID_OR_PREF: 'Missing id or pref preoperty for checkbox $1.',
MISSING_RADIO_BUTTON_NAME: 'Radio button $1 is missing the name property',
MISSING_RADIO_BUTTON_VALUE: 'Radio button $1 is missing the value property',
};
SettingsFormatWebUITest.prototype = {
__proto__: OptionsBrowsertestBase.prototype,
/**
* Navigate to browser settings.
*/
browsePreload: 'chrome://settings-frame/',
/**
* List of errors generated during a test. Used instead of expect* functions
* to suppress verbosity. The implementation of errorsToMessage in the
* testing API generates a call stack for each error produced which greatly
* reduces readability.
* @type {Array<string>}
*/
errors: null,
/** @override */
setUp: function() {
OptionsBrowsertestBase.prototype.setUp.call(this);
this.errors = [];
// Enable when failure is resolved.
// AX_TEXT_04: http://crbug.com/570727
this.accessibilityAuditConfig.ignoreSelectors(
'linkWithUnclearPurpose',
'#sync-overview > A');
// Enable when failure is resolved.
// AX_ARIA_10: http://crbug.com/570725
this.accessibilityAuditConfig.ignoreSelectors(
'unsupportedAriaAttribute',
'#profiles-list');
},
tearDown: function() {
assertTrue(this.errors.length == 0, '\n' + this.errors.join('\n'));
},
/**
* Generates a failure message. During tear down of the test, the accumulation
* of pending messages triggers a test failure.
* @param {string} key Label of the message formatting string.
* @param {!Element} element The element that triggered the failure.
* @param {...string} args Additional arguments for formatting the message.
*/
fail: function(key, element, args) {
var subs = [this.getLabel(element)].concat(
Array.prototype.slice.call(arguments, 2));
var message = SettingsFormatWebUITest.Messages[key].replace(
/\$\d/g,
function(m) {
return subs[m[1] - 1] || '$' + m[1];
});
assertFalse(/\$\d/.test(message), 'found unreplaced subs');
this.errors.push(message);
},
/**
* String for identifying a node within an error message.
* @param {!Element} element The target element to identify.
* @return {string} Name to facilitate tracking down the element.
*/
getLabel: function(element) {
if (element.id)
return element.id;
if (element.pref)
return element.pref;
if (element.name && element.value)
return element.name + '-' + element.value;
return this.getLabel(element.parentNode);
},
/**
* Checks if the node is exempt from following the formatting rule.
* @param {!Element} element The candidate element.
* @param {Array<string>} filters List of exemptions.
* @return {boolean} True if the element is exempt.
*/
isExempt: function(element, filters) {
var target = this.getLabel(element);
for (var i = 0; i < filters.length; i++) {
if (filters[i] == target)
return true;
}
return false;
}
};
/**
* Ensure that radio and checkbox buttons have consistent layout.
*/
TEST_F('SettingsFormatWebUITest', 'RadioCheckboxStyleCheck', function() {
var settings = $('settings');
assertTrue(settings != null, 'Unable to access settings');
var query = 'input[type=checkbox], input[type=radio]';
var elements = document.querySelectorAll(query);
assertTrue(elements.length > 0);
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
if (!findAncestorByClass(element, element.type))
this.fail('MISSING_CHECK_WRAPPER', element, element.type);
}
});
/**
* Each checkbox requires an id or pref property.
*/
TEST_F('SettingsFormatWebUITest', 'CheckboxIdOrPrefCheck', function() {
var query =
'input[type=checkbox]:not([pref]):not([id]):not(.spacer-checkbox)';
var elements = document.querySelectorAll(query);
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
if (!this.isExempt(element, SettingsFormatWebUITest.Filters['pref']))
this.fail('MISSING_ID_OR_PREF', element);
}
});
/**
* Each radio button requires name and value properties.
*/
TEST_F('SettingsFormatWebUITest', 'RadioButtonNameValueCheck', function() {
var elements = document.querySelectorAll('input[type=radio]');
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
if (!element.name)
this.fail('MISSING_RADIO_BUTTON_NAME', element);
if (!element.getAttribute('value'))
this.fail('MISSING_RADIO_BUTTON_VALUE', element);
}
});
|
