| Index: chrome/test/data/chromedriver/shadow_dom_test.html
|
| diff --git a/chrome/test/data/chromedriver/shadow_dom_test.html b/chrome/test/data/chromedriver/shadow_dom_test.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6730114bc703fec0994e07bbd2e47d98cb75cd36
|
| --- /dev/null
|
| +++ b/chrome/test/data/chromedriver/shadow_dom_test.html
|
| @@ -0,0 +1,55 @@
|
| +<html>
|
| +<body>
|
| +<H1>Page for Shadow DOM chromedriver tests</H1>
|
| +The page has a shadow root that in turn contains two shadow roots. So we can check behaviour with both nested roots and younger/older sibling roots.
|
| +<div id="outerDiv">
|
| + <div id="innerDiv">
|
| + stuff
|
| + </div>
|
| +</div>
|
| +
|
| +<template id="parentTemplate">
|
| +<div id="parentDiv"">
|
| + <H3>Parent</H3>
|
| + <H4>Contents</H4>
|
| + <content></content>
|
| +</div>
|
| +</template>
|
| +<template id="olderChildTemplate">
|
| +<div id="olderChildDiv"">
|
| + <H3 id="olderHeading">Older Child</H3>
|
| + As the older child of a nested shadow root, this is the most likely to go
|
| + wrong bit of the page, so we'll concentrate our tests here.
|
| + <H4>Contents</H4>
|
| + <content></content>
|
| + <input id="olderTextBox" type="text" value="foo"/>
|
| + <input type="button" onClick="buttonWasClicked()" value="button" id="olderButton" );
|
| +</div>
|
| +</template>
|
| +<template id="youngerChildTemplate">
|
| +<div id="youngerChildDiv">
|
| + <H3>Younger Child</H3>
|
| + <H4>Contents</H4>
|
| + <content></content>
|
| + <H4>Shadow</H4>
|
| + <shadow></shadow>
|
| +</div>
|
| +</template>
|
| +<script>var CLOSURE_NO_DEPS=true</script>
|
| +<script src="../../../third_party/chromevox/third_party/closure-library/closure/goog/base.js"></script>
|
| +<script>
|
| +var parentShadowRoot = document.querySelector('#innerDiv').createShadowRoot();
|
| +parentShadowRoot.appendChild(document.querySelector('#parentTemplate').content.cloneNode(true));
|
| +var olderShadowRoot = parentShadowRoot.querySelector("#parentDiv").createShadowRoot();
|
| +olderShadowRoot.appendChild(document.querySelector('#olderChildTemplate').content.cloneNode(true));
|
| +var youngerShadowRoot = parentShadowRoot.querySelector("#parentDiv").createShadowRoot();
|
| +youngerShadowRoot.appendChild(document.querySelector('#youngerChildTemplate').content.cloneNode(true));
|
| +function buttonWasClicked() {
|
| + document.querySelector("* /deep/ #olderTextBox").value="Button Was Clicked";
|
| +}
|
| +</script>
|
| +
|
| +
|
| +
|
| +
|
| +
|
|
|