layout/style/test/test_bug387615.html

   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>
  53