layout/style/test/test_bug383075.html

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