| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <script src="../../resources/js-test-pre.js"></script> | |
| </head> | |
| <body> | |
| <script> | |
| description('width and height attributes of HTMLInputElement.'); | |
| </script> | |
| <p id="description"></p> | |
| <div id="div1"> | |
| <input type="image" id="image1" src="resources/green.jpg" width="160" height="80px"> | |
| </div> | |
| <br> | |
| <div id="div2"> | |
| <input type="image" id="image2" src="resources/green.jpg"> | |
| </div> | |
| <br> | |
| <div id="div3"> | |
| <input type="image" id="image3" src="resources/green.jpg"> | |
| </div> | |
| <br> | |
| <div id="div4"> | |
| <input type="image" id="image4" src="resources/green.jpg"> | |
| </div> | |
| <br> | |
| <div id="div5"> | |
| <input type="text" id="text1"> | |
| </div> | |
| <br> | |
| <div id="div6"> | |
| <input type="file" id="file1"> | |
| </div> | |
| <br> | |
| <div id="div7"> | |
| <input type="date" id="date1"> | |
| </div> | |
| <br> | |
| <div id="div8"> | |
| <input type="button" id="button1"> | |
| </div> | |
| <br> | |
| <script> | |
| var div = document.getElementById("div1"); | |
| var image1 = document.getElementById("image1"); | |
| debug('Test case #1 : Image, HTML inline setting as \"160\", \"80\"'); | |
| shouldBeTrue("('width' in image1)"); | |
| shouldBeTrue("('height' in image1)"); | |
| shouldBe('image1.width,image1.height', '160,80'); | |
| div = document.getElementById("div2"); | |
| var image2 = document.getElementById("image2"); | |
| debug('Test case #2 : Image, Setting by JavaScript API as \"260\", \"130\"'); | |
| shouldBeTrue("('width' in image1)"); | |
| shouldBeTrue("('height' in image1)"); | |
| image2.width = 260; | |
| image2.height = 130; | |
| shouldBe('image2.width,image2.height', '260,130'); | |
| div = document.getElementById("div3"); | |
| var image3 = document.getElementById("image3"); | |
| debug('Test case #3 : Image, Setting by JavaScript API as \"120px\", \"60px\"'); | |
| shouldBeTrue("('width' in image1)"); | |
| shouldBeTrue("('height' in image1)"); | |
| image3.width = "120px"; | |
| image3.height = "60px"; | |
| shouldBe('image3.width,image3.height', '0,0'); | |
| div = document.getElementById("div4"); | |
| var image4 = document.getElementById("image4"); | |
| debug('Test case #4 : Image, Setting by JavaScript API as \"120.99\", \"60.55\"'); | |
| shouldBeTrue("('width' in image1)"); | |
| shouldBeTrue("('height' in image1)"); | |
| image4.width = 120.99; | |
| image4.height = 60.99; | |
| shouldBe('image4.width,image4.height', '120,60'); | |
| div = document.getElementById("div5"); | |
| var text1 = document.getElementById("text1"); | |
| debug('Test case #5 : Text, Setting by JavaScript API as \"100\", \"50\"'); | |
| shouldBeTrue("('width' in text1)"); | |
| shouldBeTrue("('height' in text1)"); | |
| text1.width = 100; | |
| text1.height = 50; | |
| shouldBe('text1.width,text1.height', '0,0'); | |
| text1.type = 'image'; | |
| text1.src = "resources/green.jpg"; | |
| shouldBe('text1.width,text1.height', '100,50'); | |
| text1.width = 60; | |
| text1.height = 40; | |
| shouldBe('text1.width,text1.height', '60,40'); | |
| div = document.getElementById("div6"); | |
| var file1 = document.getElementById("file1"); | |
| debug('Test case #6 : File, Setting by JavaScript API as \"100\", \"50\"'); | |
| shouldBeTrue("('width' in file1)"); | |
| shouldBeTrue("('height' in file1)"); | |
| file1.width = 100; | |
| file1.height = 50; | |
| shouldBe('file1.width,file1.height', '0,0'); | |
| file1.type = 'image'; | |
| file1.src = "resources/green.jpg"; | |
| shouldBe('file1.width,file1.height', '100,50'); | |
| file1.width = 60; | |
| file1.height = 40; | |
| shouldBe('file1.width,file1.height', '60,40'); | |
| div = document.getElementById("div7"); | |
| var date1 = document.getElementById("date1"); | |
| debug('Test case #7 : Date, Setting by JavaScript API as \"100\", \"50\"'); | |
| shouldBeTrue("('width' in date1)"); | |
| shouldBeTrue("('height' in date1)"); | |
| date1.width = 100; | |
| date1.height = 50; | |
| shouldBe('date1.width,date1.height', '0,0'); | |
| date1.type = 'image'; | |
| date1.src = "resources/green.jpg"; | |
| shouldBe('date1.width,date1.height', '100,50'); | |
| date1.width = 60; | |
| date1.height = 40; | |
| shouldBe('date1.width,date1.height', '60,40'); | |
| div = document.getElementById("div8"); | |
| var button1 = document.getElementById("button1"); | |
| debug('Test case #8 : Button, Setting by JavaScript API as \"100\", \"50\"'); | |
| shouldBeTrue("('width' in button1)"); | |
| shouldBeTrue("('height' in button1)"); | |
| button1.width = 100; | |
| button1.height = 50; | |
| shouldBe('button1.width,button1.height', '0,0'); | |
| button1.type = 'image'; | |
| button1.src = "resources/green.jpg"; | |
| shouldBe('button1.width,button1.height', '100,50'); | |
| button1.width = 60; | |
| button1.height = 40; | |
| shouldBe('button1.width,button1.height', '60,40'); | |
| var successfullyParsed = true; | |
| </script> | |
| <script src="../../resources/js-test-post.js"></script> | |
| </body> | |
| </html> |