test_bug383075.html (3021B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=383075 5 --> 6 <head> 7 <title>Test for bug 383075</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 10 <style type="text/css"> 11 12 html,body { 13 color:black; background-color:white; font-size:16px; font-family: Arial; 14 } 15 16 17 </style> 18 </head> 19 <body> 20 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=383075">Mozilla bug 383075</a> 21 <p id="display"> 22 23 The X'es below should have the same size:<br> 24 25 <span id="a1" style="font-size:72px;">X</span> 26 <span id="a2" style="font-size:72px;">X</span> 27 <span id="a3" style="font-size:72px;">X</span> 28 <span id="a4" style="font-size:72px;">X</span> 29 <span id="a5" style="font-size:72px;">X</span> 30 <span id="a6" style="font-size:72px;">X</span> 31 <span id="a7" style="font-size:24px;">X</span> 32 <span id="a8" style="font-size:72px;">X</span> 33 <span id="a9" style="font:24px Arial;">X</span> 34 35 <br> 36 37 <span id="b1" style="font-size:72px;">X</span> 38 <span id="b2" style="font-size:72px;">X</span> 39 <span id="b3" style="font-size:72px;">X</span> 40 <span id="b4" style="font-size:72px;">X</span> 41 <span id="b5" style="font-size:72px;">X</span> 42 <span id="b6" style="font-size:72px;">X</span> 43 <span id="b7" style="font-size:24px;">X</span> 44 <span id="b8" style="font-size:72px;">X</span> 45 <span id="b9" style="font:24px Arial;">X</span> 46 </p> 47 48 <pre id="test"> 49 <script class="testbody" type="text/javascript"> 50 51 document.getElementById("a1").style.fontSize = "illegal"; 52 document.getElementById("a2").style.fontSize = "24px;"; 53 document.getElementById("a3").style.fontSize = "24px; font-size-adjust:2"; 54 document.getElementById("a4").style.fontSize = ";"; 55 document.getElementById("a5").style.font = "24px Arial;"; 56 document.getElementById("a6").style.font = "24px;"; 57 document.getElementById("a7").style.fontSize = " 72px "; // correct 58 document.getElementById("a8").style.font = ";"; 59 document.getElementById("a9").style.font = " 72px Arial "; // correct 60 61 document.getElementById("b1").style.setProperty("font-size", "illegal", null); 62 document.getElementById("b2").style.setProperty("font-size", "24px;", null); 63 document.getElementById("b3").style.setProperty("font-size", "24px; font-size-adjust:2", null); 64 document.getElementById("b4").style.setProperty("font-size", ";", null); 65 document.getElementById("b5").style.setProperty("font", "24px Arial;", null); 66 document.getElementById("b6").style.setProperty("font", "24px;", null); 67 document.getElementById("b7").style.setProperty("font-size", " 72px ", null); // correct 68 document.getElementById("b8").style.setProperty("font", ";", null); 69 document.getElementById("b9").style.setProperty("font", " 72px Arial ", null); // correct 70 71 72 for (i=1; i <= 9; ++i) 73 is($('a'+i).style.fontSize, '72px', "font size"); 74 75 for (i=1; i <= 9; ++i) 76 is($('b'+i).style.fontSize, '72px', "font size"); 77 78 79 </script> 80 </pre> 81 82 </body> 83 </html>