LayoutTests/fast/dom/StyleSheet/detached-style.html

   1 <html>
   2 <head>
   3 <link rel="stylesheet" href="resources/detached-style.css" type="text/css" media="screen">
   4 <style>* { }</style>
   5 <script src="../../js/resources/js-test-pre.js"></script>
   6 </head>
   7 <body>
   8 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=45205">Bug 45205</a>:
   9 Test that &lt;link> elements only have stylesheets when in document.</p>
  10 <div id="console"></div>
  11 <script>
  12     debug("Testing &lt;link>...");
  13     sheet = document.styleSheets[0];
  14     head = document.getElementsByTagName("head")[0];
  15     link = document.getElementsByTagName("link")[0];
  16
  17     shouldBe('sheet.ownerNode', 'link')
  18     shouldBe('link.sheet === sheet', 'true')
  19
  20     debug("Removing &lt;link>...");
  21     head.removeChild(link);
  22
  23     shouldBe('link.sheet', 'null')
  24     shouldBe('sheet.ownerNode', 'null')
  25     shouldBe('sheet.cssRules[0].cssText[0]', '"*"')
  26
  27     debug("Re-adding &lt;link>...");
  28     head.appendChild(link);
  29     shouldBe('sheet.ownerNode', 'null')
  30     shouldBe('link.sheet === sheet', 'false')
  31     shouldBe('link.sheet.ownerNode', 'link')
  32
  33     debug("Testing &lt;style>...");
  34     sheet = document.styleSheets[0];
  35     head = document.getElementsByTagName("head")[0];
  36     style = document.getElementsByTagName("style")[0];
  37
  38     shouldBe('sheet.ownerNode', 'style')
  39     shouldBe('style.sheet', 'sheet')
  40
  41     debug("Removing &lt;style>...");
  42     head.removeChild(style);
  43
  44     shouldBe('style.sheet', 'null')
  45     shouldBe('sheet.ownerNode', 'null')
  46     shouldBe('sheet.cssRules[0].cssText[0]', '"*"')
  47
  48     debug("Re-adding &lt;style>...");
  49     head.appendChild(style);
  50     shouldBe('sheet.ownerNode', 'null')
  51     shouldBe('style.sheet === sheet', 'false')
  52     shouldBe('style.sheet.ownerNode', 'style')
  53
  54 </script>
  55 <script src="../../js/resources/js-test-post.js"></script>
  56 </body>
  57 </html>