40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body onload="change()">
|
|
<p>Test the changing of an input type=TEXT to type=IMAGE, and vice versa. This test is to make sure that
|
|
the height and width attributes are used for only IMAGE type.</p>
|
|
<div id=console></div>
|
|
<form id=parent>
|
|
<input id="text" type="text" src="resources/apple.gif" height="17" width="19">
|
|
<input id="image" type="image" src="resources/apple.gif" height="17" width="19">
|
|
</form>
|
|
<script>
|
|
window.jsTestIsAsync = true;
|
|
var text = document.getElementById('text');
|
|
var image = document.getElementById('image');
|
|
|
|
function change() {
|
|
debug('Check metrics before the change:');
|
|
shouldBeFalse('text.offsetWidth == 19');
|
|
shouldBeFalse('text.offsetHeight == 17');
|
|
shouldBe('image.offsetWidth', '19');
|
|
shouldBe('image.offsetHeight', '17');
|
|
|
|
text.type = 'image';
|
|
image.type = 'text';
|
|
debug('Check metrics after the change:');
|
|
shouldBe('text.offsetWidth', '19');
|
|
shouldBe('text.offsetHeight', '17');
|
|
shouldBeFalse('image.offsetWidth == 19');
|
|
shouldBeFalse('image.offsetHeight == 17');
|
|
|
|
document.body.removeChild(document.getElementById('parent'));
|
|
finishJSTest();
|
|
}
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|