layout/style/test/test_bug573255.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=573255
   5 -->
   6 <head>
   7   <title>Test for Bug 573255</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
  12   #display:not(.hasSummary) { visibility: hidden }
  13
  14   </style>
  15 </head>
  16 <body>
  17 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=573255">Mozilla Bug 573255</a>
  18 <p id="display"></p>
  19 <pre id="test">
  20 <script type="application/javascript">
  21
  22 var p = document.getElementById("display");
  23 var cs = getComputedStyle(p, "");
  24
  25 is(cs.visibility, "hidden", "should be visibility:none since it has no class");
  26 p.className = "hasSummary";
  27 is(cs.visibility, "visible", "changing class attribute should remove visibility:hidden");
  28
  29 </script>
  30 </pre>
  31 </body>
  32 </html>