test_bug563416.html (1476B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=563416 5 --> 6 <head> 7 <title>Test for Bug 563416</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 10 </head> 11 <body> 12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=563416">Mozilla Bug 563416</a> 13 <p id="display"><iframe id="test" srcdoc='<textarea style="box-sizing:content-box; overflow: hidden; -moz-appearance:none; height: 0px; padding: 0px;" cols="20" rows="10">hsldkjvmshlkkajskdlfksdjflskdjflskdjflskdjflskdjfddddddddd</textarea>'></iframe></p> 14 <div id="content" style="display: none"> 15 16 </div> 17 <pre id="test"> 18 <script type="application/javascript"> 19 20 /** Test for Bug 563416 */ 21 22 var result = -1; 23 var expected = -2; 24 var i = 0; 25 26 function runTest() { 27 i = 0; 28 var frame = document.getElementById('test'); 29 frame.onload = function() { 30 var t = frame.contentDocument.documentElement.getElementsByTagName("textarea")[0]; 31 expected = t.clientWidth + 10; 32 t.style.width = expected + 'px'; 33 result = t.clientWidth; 34 if (i == 0) { 35 i++; 36 setTimeout(function(){frame.contentWindow.location.reload();},0); 37 } 38 else { 39 is(result, expected, "setting style.width changes clientWidth"); 40 SimpleTest.finish(); 41 } 42 } 43 frame.contentWindow.location.reload(); 44 } 45 46 SimpleTest.waitForExplicitFinish(); 47 addLoadEvent(runTest); 48 49 50 </script> 51 </pre> 52 </body> 53 </html>