layout/style/test/test_html_attribute_computed_values.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=
   5 -->
   6 <head>
   7   <title>Test for Bug </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=">Mozilla Bug </a>
  13 <div id="content"></div>
  14 <pre id="test">
  15 <script type="application/javascript">
  16
  17
  18 var gValues = [
  19   {
  20      element: "<li type='i'></li>",
  21      property: "list-style-type",
  22      value: "lower-roman"
  23   },
  24   {
  25      element: "<li type='I'></li>",
  26      property: "list-style-type",
  27      value: "upper-roman"
  28   },
  29   {
  30      element: "<li type='a'></li>",
  31      property: "list-style-type",
  32      value: "lower-alpha"
  33   },
  34   {
  35      element: "<li type='A'></li>",
  36      property: "list-style-type",
  37      value: "upper-alpha"
  38   },
  39   {
  40      element: "<li type='1'></li>",
  41      property: "list-style-type",
  42      value: "decimal"
  43   },
  44   {
  45      element: "<ol type='i'></ol>",
  46      property: "list-style-type",
  47      value: "lower-roman"
  48   },
  49   {
  50      element: "<ol type='I'></ol>",
  51      property: "list-style-type",
  52      value: "upper-roman"
  53   },
  54   {
  55      element: "<ol type='a'></ol>",
  56      property: "list-style-type",
  57      value: "lower-alpha"
  58   },
  59   {
  60      element: "<ol type='A'></ol>",
  61      property: "list-style-type",
  62      value: "upper-alpha"
  63   },
  64   {
  65      element: "<ol type='1'></ol>",
  66      property: "list-style-type",
  67      value: "decimal"
  68   },
  69 ];
  70
  71 var content = document.getElementById("content");
  72 for (var i = 0; i < gValues.length; ++i) {
  73   var v = gValues[i];
  74
  75   content.innerHTML = v.element;
  76   is(getComputedStyle(content.firstChild, "").getPropertyValue(v.property),
  77      v.value,
  78      v.property + " for " + v.element);
  79 }
  80
  81 </script>
  82 </pre>
  83 </body>
  84 </html>