test_bug399349.html (2699B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=363146 5 --> 6 <head> 7 <title>Test for Bug 363146</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=399349">Mozilla Bug 399349</a> 13 14 <!-- Test parsing of integer numbers --> 15 <div id="Aone" style="width:100px; height:400px; top:-100px; left: -200px;position:relative;"></div> 16 17 <!-- Test parsing of float numbers --> 18 <div id="Atwo" style="width:150.2px; height:450.25px; top:-150.2px; left: -450.25px;position:relative;"></div> 19 <div id="Athree" style="width:.1px; height:0.3px; top:-0.1px; left:-0.3px;position:relative;"></div> 20 <div id="Afour" style="width:+100.017px; height:+400.017px; top:-.117px; left: -.217px;position:relative;"></div> 21 22 <!-- Test parsing of long fractions --> 23 <div id="Afive" style="width:+2345.0000000000000000000000000000000000001px; height:+456.000000000000000000000000000001px; 24 top:-2123.000000000000000000000000000000000001px; left:-6543.99999999999999999999999999999999px; 25 position:relative;"></div> 26 27 <!-- Force parsing of long numbers (>9 digits), if they are zero's. Note css itself can't handle large numers --> 28 <div id="Asix" style="width:+000000000012px; height:+000000000037.456788px; 29 top:-000000000023px; left:-000000000044.456788px; 30 position:relative;"></div> 31 32 <div id="content" style="display: none"> 33 34 </div> 35 <pre id="test"> 36 <script class="testbody" type="text/javascript"> 37 38 var a1 = window.getComputedStyle(document.getElementById("Aone")); 39 is(a1.width, "100px"); 40 is(a1.height, "400px"); 41 is(a1.top, "-100px"); 42 is(a1.left, "-200px"); 43 44 var a2 = window.getComputedStyle(document.getElementById("Atwo")); 45 is(a2.width, "150.2px"); 46 is(a2.height, "450.25px"); 47 is(a2.top, "-150.2px"); 48 is(a2.left, "-450.25px"); 49 50 var a3 = window.getComputedStyle(document.getElementById("Athree")); 51 is(a3.width, "0.1px"); 52 is(a3.height, "0.3px"); 53 is(a3.top, "-0.1px"); 54 is(a3.left, "-0.3px"); 55 56 var a4 = window.getComputedStyle(document.getElementById("Afour")); 57 is(a4.width, "100.017px"); 58 is(a4.height, "400.017px"); 59 is(a4.top, "-0.117px"); 60 is(a4.left, "-0.217px"); 61 62 var a5 = window.getComputedStyle(document.getElementById("Afive")); 63 is(a5.width, "2345px"); 64 is(a5.height, "456px"); 65 is(a5.top, "-2123px"); 66 is(a5.left, "-6544px"); 67 68 var a6 = window.getComputedStyle(document.getElementById("Asix")); 69 is(a6.width, "12px"); 70 is(a6.height, "37.45px"); 71 is(a6.top, "-23px"); 72 is(a6.left, "-44.4568px"); 73 74 </script> 75 76 </script> 77 </pre> 78 </body> 79 </html>