test_bug387615.html (1466B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=387615 5 --> 6 <head> 7 <title>Test for Bug 387615</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 @namespace html url(http://www.w3.org/1999/xhtml); 12 a { color: red; } 13 a[rel="next"] { color: green; } 14 a[html|rel="next"] { color: green; } 15 </style> 16 </head> 17 <body> 18 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=387615">Mozilla Bug 387615</a> 19 <p id="display"><a>link</a></p> 20 <div id="content" style="display: none"> 21 22 </div> 23 <pre id="test"> 24 <script class="testbody" type="text/javascript"> 25 26 /** Test for Bug 387615 */ 27 28 var htmlns = "http://www.w3.org/1999/xhtml"; 29 30 var a = document.getElementById("display").firstChild; 31 32 function col(elt) { return getComputedStyle(elt, "").color; } 33 34 var red_cs = col(a); 35 a.setAttribute("rel", "next"); 36 var green_cs = col(a); 37 isnot(green_cs, red_cs, "computed values for red and green are different"); 38 39 a.setAttribute("rel", "NEXT"); 40 is(col(a), green_cs, "rel attribute should match case insensitively"); 41 42 a.removeAttribute("rel"); 43 a.setAttributeNS(htmlns, "html:rel", "next"); 44 is(col(a), green_cs, "html:rel attribute should match case-sensitively"); 45 46 a.setAttributeNS(htmlns, "html:rel", "NEXT"); 47 is(col(a), red_cs, "html:rel attribute should not match case-insensitively"); 48 49 </script> 50 </pre> 51 </body> 52 </html>