test_detached_style.html (1120B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=1062578 5 --> 6 <head> 7 <title>Test for creating style in shadow root of host not in document.</title> 8 <script type="text/javascript" src="head.js"></script> 9 <script src="/tests/SimpleTest/SimpleTest.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 11 </head> 12 <body> 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1062578">Bug 1062578</a> 14 <script> 15 16 SimpleTest.waitForExplicitFinish(); 17 18 var content = '<div id="grabme"></div>'; 19 createIframe(content) 20 .then((aDocument) => { 21 var host = aDocument.createElement("div"); 22 var shadow = host.attachShadow({mode: "open"}); 23 shadow.innerHTML = '<style> #inner { height: 200px; } </style><div id="inner">Hello</div>'; 24 25 var iframeWin = aDocument.defaultView; 26 iframeWin.grabme.appendChild(host); 27 28 var inner = shadow.getElementById("inner"); 29 is(iframeWin.getComputedStyle(inner).getPropertyValue("height"), "200px", "Style in shadow root should take effect."); 30 31 SimpleTest.finish(); 32 }); 33 </script> 34 </body> 35 </html>