chrome/test/data/chromedriver/shadow_dom_test.html - Issue 480483002: [chromedriver] Add shadow DOM support to chromedriver.

Unified Diff: chrome/test/data/chromedriver/shadow_dom_test.html

Issue 480483002: [chromedriver] Add shadow DOM support to chromedriver. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: "Fixed nits found in review" Created 6 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

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..d4e1e0b4012e103f2660e24fba3d9c73d674ece4

--- /dev/null

+++ b/chrome/test/data/chromedriver/shadow_dom_test.html

@@ -0,0 +1,62 @@

+<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" style="border-style:solid;border-color:yellow">

+ stuff

+ </div>

+</div>

+<template id="parentTemplate">

+<div id="parentDiv">

+ <div style="border-style:solid;border-color:green">

+ <H3>Parent</H3>

+ <H4>Parent Contents</H4>

+ <content></content>

+ </div>

+</div>

+</template>

+<template id="olderChildTemplate">

+<div id="olderChildDiv">

+ <div style="border-style:solid;border-color:red">

+ <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>Older Child Contents Begin</H4>

+ <content></content>

+ <input id="olderTextBox" type="text" value="foo"/>

+ <input type="button" onClick="buttonWasClicked()" value="button" id="olderButton"/>

+ </div>

+</div>

+</template>

+<template id="youngerChildTemplate">

+<div id="youngerChildDiv">

+ <div style="border-style:solid;border-color:blue">

+ <H3>Younger Child</H3>

+ <div style="border-style:dotted;border-color:blue">

+ <H4>Younger Child Contents</H4>

+ <content></content>

+ </div>

+ <div style="border-style:dashed;border-color:blue">

+ <H4>Younger Child Shadow</H4>

+ <shadow></shadow>

+ </div>

+</div>

+</template>

+<script type="text/javascript">var CLOSURE_NO_DEPS=true</script>

+<script type="text/javascript" src="../../../third_party/chromevox/third_party/closure-library/closure/goog/base.js"></script>

+<script type="text/javascript">

+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>

+</body>

+</html>

« no previous file with comments | « chrome/test/chromedriver/test/run_py_tests.py ('k') | third_party/webdriver/README.chromium » ('j') | no next file with comments »