| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../js/resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <div id="console"></div> |
| <!-- These elements should not be selected in ShadowRoot's querySelector. --> |
| <div id="foo"></div> |
| <div class="foo"></div> |
| <foo></foo> |
| <script> |
| description("Tests for ShadowRoot JS APIs. Can only run within DRT"); |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| shouldBeUndefined("window.ShadowRoot"); |
| shouldBeDefined("window.WebKitShadowRoot"); |
| shouldThrow("new window.WebKitShadowRoot(document.createElement('div'))"); |
| |
| var shadowHost = document.createElement('div'); |
| document.body.appendChild(shadowHost); |
| var shadowRoot = shadowHost.webkitCreateShadowRoot(); |
| |
| shouldBeTrue("shadowRoot instanceof window.WebKitShadowRoot"); |
| |
| var div1 = document.createElement("div"); |
| div1.setAttribute("id", "div1"); |
| shadowRoot.appendChild(div1); |
| |
| var div2 = document.createElement("div"); |
| div2.setAttribute("id", "div2"); |
| div2.classList.add("class2"); |
| shadowRoot.appendChild(div2); |
| |
| // Tests for Document should cover most cases for the following APIs. |
| // We have basic tests here. More tests are welcome, but we should avoid unnecssary duplications. |
| shouldBe("shadowRoot.getElementById('div1')", "div1"); |
| shouldBeNull("shadowRoot.getElementById('foo')"); |
| |
| shouldBe("shadowRoot.getElementsByClassName('class2')", "[div2]"); |
| shouldBe("shadowRoot.getElementsByClassName('foo')", "[]"); |
| |
| shouldBe("shadowRoot.getElementsByTagName('div')", "[div1, div2]"); |
| shouldBe("shadowRoot.getElementsByTagName('foo')", "[]"); |
| |
| // FIXME: Add more tests using XML documents. |
| shouldBe("shadowRoot.getElementsByTagNameNS('*', 'div')", "[div1, div2]"); |
| shouldBe("shadowRoot.getElementsByTagNameNS('', 'div')", "[]"); |
| shouldBe("shadowRoot.getElementsByTagNameNS('*', 'foo')", "[]"); |
| |
| shouldBe("shadowRoot.querySelector('#div1')", "div1"); |
| shouldBeNull("shadowRoot.querySelector('#foo')"); |
| shouldBe("shadowRoot.querySelector('.class2')", "div2"); |
| shouldBeNull("shadowRoot.querySelector('.foo')"); |
| shouldBe("shadowRoot.querySelectorAll('div')", "[div1, div2]"); |
| shouldBe("shadowRoot.querySelectorAll('foo')", "[]"); |
| |
| var youngerShadowRoot = shadowHost.webkitCreateShadowRoot(); |
| shouldNotBe("youngerShadowRoot", "shadowRoot"); |
| |
| |
| </script> |
| <script src="../../js/resources/js-test-post.js"></script> |
| </body> |
| </html> |
