|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <!-- |
|
4 https://bugzilla.mozilla.org/show_bug.cgi?id=806506 |
|
5 --> |
|
6 <head> |
|
7 <title>Test for inert elements in ShadowRoot</title> |
|
8 <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> |
|
9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> |
|
10 </head> |
|
11 <body onload="runChecks();"> |
|
12 <div id="grabme"></div> |
|
13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=806506">Bug 806506</a> |
|
14 <script> |
|
15 |
|
16 var element = document.getElementById("grabme"); |
|
17 var shadow = element.createShadowRoot(); |
|
18 |
|
19 // Check that <base> is inert. |
|
20 shadow.innerHTML = '<base href="http://www.example.org/" />'; |
|
21 isnot(document.baseURI, "http://www.example.org/", "Base element should be inert in ShadowRoot."); |
|
22 |
|
23 SimpleTest.waitForExplicitFinish(); |
|
24 |
|
25 // Check that <link> is inert. |
|
26 var numStyleBeforeLoad = document.styleSheets.length; |
|
27 |
|
28 shadow.innerHTML = '<link id="shadowlink" rel="stylesheet" type="text/css" href="inert_style.css" /><span id="shadowspan"></span>'; |
|
29 shadow.applyAuthorStyles = true; |
|
30 var shadowSpan = shadow.getElementById("shadowspan"); |
|
31 var shadowStyle = shadow.getElementById("shadowlink"); |
|
32 |
|
33 function runChecks() { |
|
34 isnot(getComputedStyle(shadowSpan, null).getPropertyValue("padding-top"), "10px", "Link element should be inert."); |
|
35 is(document.styleSheets.length, numStyleBeforeLoad, "Document style count should remain the same because the style should not be in the doucment."); |
|
36 is(shadow.styleSheets.length, 0, "Inert link should not add style to ShadowRoot."); |
|
37 // Remove link to make sure we don't get assertions. |
|
38 shadow.removeChild(shadowStyle); |
|
39 SimpleTest.finish(); |
|
40 }; |
|
41 |
|
42 </script> |
|
43 </body> |
|
44 </html> |