sku-pg
Version:
Skulpt is a Javascript implementation of Python 2.x. Python that runs in your browser!
215 lines (195 loc) • 8.45 kB
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>