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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
<!DOCTYPE html>
<html>
<!--
Copyright 2008 The Closure Library Authors. All Rights Reserved.
Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<!--
Author: attila@google.com (Attila Bodis)
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.ui.NativeButtonRenderer</title>
<script src="../base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.events');
goog.require('goog.testing.ExpectedFailures');
goog.require('goog.testing.events');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.Button');
goog.require('goog.ui.Component.State');
goog.require('goog.ui.NativeButtonRenderer');
goog.require('goog.testing.ui.rendererasserts');
</script>
</head>
<body>
<div id="sandbox"></div>
<script>
var sandbox = goog.dom.getElement('sandbox');
var renderer = goog.ui.NativeButtonRenderer.getInstance();
var expectedFailures = new goog.testing.ExpectedFailures();
var button;
function setUp() {
button = new goog.ui.Button('Hello', renderer);
}
function tearDown() {
button.dispose();
goog.dom.removeChildren(sandbox);
expectedFailures.handleTearDown();
}
function testConstructor() {
assertNotNull('Renderer must not be null', renderer);
}
function testGetAriaRole() {
assertUndefined('ARIA role must be undefined', renderer.getAriaRole());
}
function testCreateDom() {
button.setTooltip('Hello, world!');
button.setValue('foo');
var element = renderer.createDom(button);
assertNotNull('Element must not be null', element);
assertEquals('Element must be a button', 'BUTTON', element.tagName);
assertSameElements('Button element must have expected class name',
['goog-button'], goog.dom.classes.get(element));
assertFalse('Button element must be enabled', element.disabled);
assertEquals('Button element must have expected title', 'Hello, world!',
element.title);
// Expected to fail on IE.
expectedFailures.expectFailureFor(goog.userAgent.IE);
try {
// See http://www.fourmilab.ch/fourmilog/archives/2007-03/000824.html
// for a description of the problem.
assertEquals('Button element must have expected value', 'foo',
element.value);
assertEquals('Button element must have expected contents', 'Hello',
element.innerHTML);
} catch (e) {
expectedFailures.handleException(e);
}
assertFalse('Button must not handle its own mouse events',
button.isHandleMouseEvents());
assertFalse('Button must not support the custom FOCUSED state',
button.isSupportedState(goog.ui.Component.State.FOCUSED));
}
function testCanDecorate() {
sandbox.innerHTML =
'<button id="buttonElement">Button</button>\n' +
'<input id="inputButton" type="button" value="Input Button">\n' +
'<input id="inputSubmit" type="submit" value="Input Submit">\n' +
'<input id="inputReset" type="reset" value="Input Reset">\n' +
'<input id="inputText" type="text" size="10">\n' +
'<div id="divButton" class="goog-button">Hello</div>';
assertTrue('Must be able to decorate <button>',
renderer.canDecorate(goog.dom.getElement('buttonElement')));
assertTrue('Must be able to decorate <input type="button">',
renderer.canDecorate(goog.dom.getElement('inputButton')));
assertTrue('Must be able to decorate <input type="submit">',
renderer.canDecorate(goog.dom.getElement('inputSubmit')));
assertTrue('Must be able to decorate <input type="reset">',
renderer.canDecorate(goog.dom.getElement('inputReset')));
assertFalse('Must not be able to decorate <input type="text">',
renderer.canDecorate(goog.dom.getElement('inputText')));
assertFalse('Must not be able to decorate <div class="goog-button">',
renderer.canDecorate(goog.dom.getElement('divButton')));
}
function testDecorate() {
sandbox.innerHTML =
'<button id="foo" title="Hello!" value="bar">Foo Button</button>\n' +
'<button id="disabledButton" value="bah" disabled>Disabled</button>';
var element = renderer.decorate(button, goog.dom.getElement('foo'));
assertEquals('Decorated element must be as expected',
goog.dom.getElement('foo'), element);
assertEquals('Decorated button title must have expected value', 'Hello!',
button.getTooltip());
// Expected to fail on IE.
expectedFailures.expectFailureFor(goog.userAgent.IE);
try {
// See http://www.fourmilab.ch/fourmilog/archives/2007-03/000824.html
// for a description of the problem.
assertEquals('Decorated button value must have expected value', 'bar',
button.getValue());
} catch (e) {
expectedFailures.handleException(e);
}
assertFalse('Button must not handle its own mouse events',
button.isHandleMouseEvents());
assertFalse('Button must not support the custom FOCUSED state',
button.isSupportedState(goog.ui.Component.State.FOCUSED));
element = renderer.decorate(button,
goog.dom.getElement('disabledButton'));
assertFalse('Decorated button must be disabled', button.isEnabled());
assertSameElements('Decorated button must have expected class names',
['goog-button', 'goog-button-disabled'],
goog.dom.classes.get(element));
// Expected to fail on IE.
expectedFailures.expectFailureFor(goog.userAgent.IE);
try {
// See http://www.fourmilab.ch/fourmilog/archives/2007-03/000824.html
// for a description of the problem.
assertEquals('Decorated button value must have expected value', 'bah',
button.getValue());
} catch (e) {
expectedFailures.handleException(e);
}
assertFalse('Button must not handle its own mouse events',
button.isHandleMouseEvents());
assertFalse('Button must not support the custom FOCUSED state',
button.isSupportedState(goog.ui.Component.State.FOCUSED));
}
function testInitializeDom() {
var dispatchedActionCount = 0;
var handleAction = function() {
dispatchedActionCount++;
};
goog.events.listen(button, goog.ui.Component.EventType.ACTION,
handleAction);
button.render(sandbox);
goog.testing.events.fireClickSequence(button.getElement());
assertEquals('Button must have dispatched ACTION on click', 1,
dispatchedActionCount);
goog.events.unlisten(button, goog.ui.Component.EventType.ACTION,
handleAction);
}
function testIsFocusable() {
assertTrue('Enabled button must be focusable',
renderer.isFocusable(button));
button.setEnabled(false);
assertFalse('Disabled button must not be focusable',
renderer.isFocusable(button));
}
function testSetState() {
button.render(sandbox);
assertFalse('Button element must not be disabled',
button.getElement().disabled);
renderer.setState(button, goog.ui.Component.State.DISABLED, true);
assertTrue('Button element must be disabled',
button.getElement().disabled);
}
function testGetValue() {
sandbox.innerHTML = '<button id="foo" value="blah">Hello</button>';
// Expected to fail on IE.
expectedFailures.expectFailureFor(goog.userAgent.IE);
try {
// See http://www.fourmilab.ch/fourmilog/archives/2007-03/000824.html
// for a description of the problem.
assertEquals('Value must be as expected', 'blah',
renderer.getValue(goog.dom.getElement('foo')));
} catch (e) {
expectedFailures.handleException(e);
}
}
function testSetValue() {
button.render(sandbox);
renderer.setValue(button.getElement(), 'What?');
assertEquals('Button must have expected value', 'What?',
renderer.getValue(button.getElement()));
}
function testDoesntCallGetCssClassInConstructor() {
goog.testing.ui.rendererasserts.
assertNoGetCssClassCallsInConstructor(goog.ui.NativeButtonRenderer);
}
</script>
</body>
</html>
|
