JS Test Harness: Insert the stylesheet dynamically
[WebKit-https.git] / LayoutTests / fast / forms / input-type-change.html
1 <html>
2 <head>
3 <script src="../js/resources/js-test-pre.js"></script>
4 </head>
5 <body onload="change()">
6 <p>Test the changing of an input type=TEXT to type=IMAGE, and vice versa. This test is to make sure that
7 the height and width attributes are used for only IMAGE type.</p>
8 <div id=console></div>
9 <form id=parent>
10 <input id="text" type="text" src="resources/apple.gif" height="17" width="19">
11 <input id="image" type="image" src="resources/apple.gif" height="17" width="19">
12 </form>
13 <script>
14 window.jsTestIsAsync = true;
15 var text = document.getElementById('text');
16 var image = document.getElementById('image');
17
18 function change() {
19     debug('Check metrics before the change:');
20     shouldBeFalse('text.offsetWidth == 19');
21     shouldBeFalse('text.offsetHeight == 17');
22     shouldBe('image.offsetWidth', '19');
23     shouldBe('image.offsetHeight', '17');
24
25     text.type = 'image';
26     image.type = 'text';
27     debug('Check metrics after the change:');
28     shouldBe('text.offsetWidth', '19');
29     shouldBe('text.offsetHeight', '17');
30     shouldBeFalse('image.offsetWidth == 19');
31     shouldBeFalse('image.offsetHeight == 17');
32
33     document.body.removeChild(document.getElementById('parent'));
34     finishJSTest();
35 }
36
37 var successfullyParsed = true;
38 </script>
39 <script src="../js/resources/js-test-post.js"></script>
40 </body>
41 </html>