test_html_attribute_computed_values.html (1814B)
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>