Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support Shadow DOM #1565

Merged
merged 5 commits into from
Jan 12, 2021
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
272 changes: 271 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -818,6 +818,12 @@ <h3>Endpoints</h3>
<td><a>Get Active Element</a></td>
</tr>

<tr>
<td>GET</td>
<td>/session/{<var>session id</var>}/element/{<var>element id</var>}/shadow</td>
<td><a>Get Element Shadow Root</a></td>
</tr>

<tr>
<td>POST</td>
<td>/session/{<var>session id</var>}/element</td>
Expand All @@ -842,6 +848,18 @@ <h3>Endpoints</h3>
<td><a>Find Elements From Element</a></td>
</tr>

<tr>
<td>POST</td>
<td>/session/{<var>session id</var>}/shadow/<var>{shadow id}</var>/element</td>
<td><a>Find Element From Shadow Root</a></td>
</tr>

<tr>
<td>POST</td>
<td>/session/{<var>session id</var>}/shadow/<var>{shadow id}</var>/elements</td>
<td><a>Find Elements From Shadow Root</a></td>
</tr>

<tr>
<td>GET</td>
<td>/session/{<var>session id</var>}/element/{<var>element id</var>}/selected</td>
Expand Down Expand Up @@ -1215,6 +1233,13 @@ <h3>Errors</h3>
could not be satisfied because the window could not be found.
</tr>

<tr>
<td><dfn>no such shadow root</dfn>
<td>404
<td><code>no such shadow root</code>
<td>The element does not have a shadow root.
</tr>

<tr>
<td><dfn>script timeout error</dfn>
<td>500
Expand All @@ -1237,6 +1262,14 @@ <h3>Errors</h3>
the referenced <a>element</a> is no longer attached to the DOM.
</tr>

<tr>
<td><dfn>detached shadow root</dfn>
<td>404
<td><code>detached shadow root</code>
<td>A <a>command</a> failed because
the referenced <a>shadow root</a> is no longer attached to the DOM.
</tr>

<tr>
<td><dfn>timeout</dfn>
<td>500
Expand Down Expand Up @@ -4314,14 +4347,103 @@ <h3>Interactability</h3>
</ol>
</section> <!-- /Interactability -->

<section>
<h3 id=shadow-root>Shadow Roots</h3>
<p>A <dfn data-lt="shadow roots">shadow root</dfn>
is an abstraction used to identify a <a>shadow root</a>
when it is transported via the <a href="#protocol">protocol</a>,
between <a>remote</a> and <a>local</a> ends.

<p>The <dfn>shadow root identifier</dfn> is the string constant
"<code>shadow-6066-11e4-a52e-4f735466cecf</code>".

<p>Each <a>shadow root</a> has an associated <dfn>shadow root
reference</dfn> that uniquely identifies the <a>shadow root</a> across
all <a>browsing contexts</a>. The <a>shadow root reference</a> for
every <a>shadow root</a> representing the same <a>shadow root</a> must be the
same. It must be a string, and should be the result of <a>generating
a UUID</a>.

<p>An ECMAScript <a>Object</a> <dfn>represents a shadow root</dfn>
if it has a <a>shadow root identifier</a> <a>own property</a>.

<p>Each <a>browsing context</a> has an associated <dfn>list of
known shadow roots</dfn>.
When the <a>browsing context</a> is <a>discarded</a>,
the <a>list of known shadow roots</a> is discarded along with it.

<p>To <dfn>get a known shadow root</dfn> with
argument <var>reference</var>, run the following steps:

<ol>
<li>Let <var>shadow</var> be the item in the <a>current browsing
context</a>’s <a>list of known shadow roots</a> for which the <a>shadow
root reference</a> is equal to <var>reference</var>, if such a
shadow root exists. Otherwise return <a>error</a> with <a>error
code</a> <a>no such element</a>.
<li>If <var>shadow</var> <a>is detached</a>, return
<a>error</a> with <a>error code</a>
<a>detached shadow root</a>.
<li>Return <a>success</a> with <var>shadow</var>.
</ol>

<p>To <dfn data-lt="create a shadow root|a new shadow root reference">create a shadow root reference</dfn>
for a <a><var>shadow root</var></a>:

<ol>
<li><p>For each <var>known shadow root</var>
of the <a>current browsing context</a>’s <a>list of known shadow roots</a>:

<ol>
<li><p>If <var>known shadow root</var> <a>equals</a> <var>shadow root</var>,
return <a>success</a> with <var>known shadow root</var>’s <a>shadow root reference</a>.
</ol>

<li><p>Add <var>shadow</var> to
the <a>list of known shadow roots</a> of the <a>current browsing context</a>.

<li><p>Return <a>success</a> with the
<var>shadow</var>’s <a>shadow root reference</a>.
</ol>

<p>The <dfn>JSON serialization of a shadow root</dfn>
is a JSON <a>Object</a> where the <a>shadow root identifier</a> key
is mapped to the <a>shadow root</a>’s <a>shadow root reference</a>.

<p>When required to <dfn>deserialize a shadow root</dfn>
by a JSON <a>Object</a> <var>object</var> that <a>represents a shadow root</a>:

<ol>
<li><p>If <var>object</var> has no <a>own property</a> <a>shadow root identifier</a>,
return <a>error</a> with <a>error code</a> <a>invalid argument</a>.

<li><p>Let <var>reference</var> be the result of
<a data-lt="getting a property">getting</a>
the <a>shadow root identifier</a> property
from <var>object</var>.

<li><p>Let <var>shadow</var> be the result
of <a>trying</a> to <a>get a known shadow root</a>
with argument <var>reference</var>.

<li><p>Return <a>success</a> with data <var>shadow</var>.
</ol>

<p>A <a>shadow root</a> <dfn>is detached</dfn>
if its <a>node document</a> is not the <a>active document</a>
or if the element node referred to as its <a>document fragment host</a>
<a>is stale</a>.
</section> <!-- Shadow Roots -->

<section>
<h3 id=element-retrieval>Retrieval</h3>

<p>The <a>Find Element</a>,
<a>Find Elements</a>,
<a>Find Element From Element</a>,
and <a>Find Elements From Element</a> <a>commands</a>
<a>Find Elements From Element</a>,
<a>Find Element From Shadow Root</a>,
and <a>Find Elements From Shadow Root</a> <a>commands</a>
allow lookup of individual elements and collections of elements.
Element retrieval searches are performed
using pre-order traversal of the document’s nodes
Expand Down Expand Up @@ -4772,6 +4894,101 @@ <h4><dfn>Find Elements From Element</dfn></h4>
</ol>
</section> <!-- /Find Elements From Element -->

<section>
<h4><dfn>Find Element From Shadow Root</dfn></h4>

<table class="simple jsoncommand">
<tr>
<th>HTTP Method</th>
<th>URI Template</th>
</tr>
<tr>
<td>POST</td>
<td>/session/{<var>session id</var>}/shadow/{<var>shadow id</var>}/element</td>
</tr>
</table>

<p>The <a>remote end steps</a> are:

<ol>
<li><p>Let <var>location strategy</var> be the result
of <a>getting a property</a> called "<code>using</code>".

<li><p>If <var>location strategy</var> is not present as a keyword in the
<a>table of location strategies</a>, return <a>error</a> with
<a>error code</a> <a>invalid argument</a>.

<li><p>Let <var>selector</var> be the result
of <a>getting a property</a> called "<code>value</code>".

<li><p>If <var>selector</var> is <a>undefined</a>,
return <a>error</a> with <a>error code</a> <a>invalid argument</a>.

<li><p>If the <a>current browsing context</a> is <a>no longer
open</a>, return <a>error</a> with <a>error code</a> <a>no such
window</a>.

<li><p><a>Handle any user prompts</a> and return its value if it is an <a>error</a>.

<li><p>Let <var>start node</var> be the result
of <a>trying</a> to <a>get a known shadow root</a>
with <a>url variable</a> <var>shadow id</var>.

<li>Let <var>result</var> be the value of <a>trying</a> to <a>Find</a> with
<var>start node</var>, <var>location strategy</var>,
and <var>selector</var>.

<li><p>If <var>result</var> is empty, return <a>error</a>
with <a>error code</a> <a>no such shadow root</a>. Otherwise, return the
first element of <var>result</var>.
</ol>
</section> <!-- /Find Element From Shadow Root -->

<section>
<h4><dfn>Find Elements From Shadow Root</dfn></h4>

<table class="simple jsoncommand">
<tr>
<th>HTTP Method</th>
<th>URI Template</th>
</tr>
<tr>
<td>POST</td>
<td>/session/{<var>session id</var>}/shadow/{<var>shadow id</var>}/elements</td>
</tr>
</table>

<p>The <a>remote end steps</a> are:

<ol>
<li><p>Let <var>location strategy</var> be the result
of <a>getting a property</a> called "<code>using</code>".

<li><p>If <var>location strategy</var> is not present as a keyword in the
<a>table of location strategies</a>, return <a>error</a> with
<a>error code</a> <a>invalid argument</a>.

<li><p>Let <var>selector</var> be the result
of <a>getting a property</a> called "<code>value</code>".

<li><p>If <var>selector</var> is <a>undefined</a>,
return <a>error</a> with <a>error code</a> <a>invalid argument</a>.

<li><p>If the <a>current browsing context</a> is <a>no longer
open</a>, return <a>error</a> with <a>error code</a> <a>no such
window</a>.

<li><p><a>Handle any user prompts</a> and return its value if it is an <a>error</a>.

<li><p>Let <var>start node</var> be the result
of <a>trying</a> to <a>get a known shadow root</a>
with <a>url variable</a> <var>shadow id</var>.

<li>Return the result of <a>trying</a> to <a>Find</a> with
<var>start node</var>, <var>location strategy</var>, and <var>selector</var>.
</ol>
</section> <!-- /Find Elements From Shadow Root -->

<section>
<h4><dfn>Get Active Element</dfn></h4>

Expand Down Expand Up @@ -4804,6 +5021,57 @@ <h4><dfn>Get Active Element</dfn></h4>
<p>Otherwise, return <a>error</a> with <a>error code</a> <a>no such element</a>.
</ol>
</section> <!-- /Get Active Element -->

<section>
<h4><dfn>Get Element Shadow Root</dfn></h4>

<table class="simple jsoncommand">
<tr>
<th>HTTP Method</th>
<th>URI Template</th>
</tr>
<tr>
<td>GET</td>
<td>/session/{<var>session id</var>}/element/{<var>element id</var>}/shadow</td>
</tr>
</table>

<p>The <a>remote end steps</a> are:

<ol>
<li><p>If the <a>current browsing context</a> is <a>no longer
open</a>, return <a>error</a> with <a>error code</a> <a>no such
window</a>.

<li><p><a>Handle any user prompts</a> and return its value if it is an <a>error</a>.

<li><p>Let <var>element</var> be the result
of <a>trying</a> to <a>get a known connected element</a>
with <a>url variable</a> <var>element id</var>.

<li><p>Let <var>shadow root</var> be the result of getting an
<a>own property</a> named "shadowRoot" from <var>element</var>.

<li><p>If <var>shadow root</var> is undefined, return <a>error</a>
with <a>error code</a> <a>no such shadow root</a>.

<li><p>Let <var>shadow root node type</var> be the result of
getting an <a>own property</a> named "nodeType" from
<var>shadow root</var>.

<li><p>If <var>shadow root node type</var> is undefined, or has
a value other than <a>DOCUMENT_FRAGMENT_NODE</a>, return <a>error</a>
with <a>error code</a> <a>no such shadow root</a>.

<li><p>Let <var>shadow host</var> be the result of getting an
<a>own property</a> named "host" of <var>shadow root</var>.

<li><p>If <var>shadow host</var> is not undefined or null, return
<a>a new shadow root reference</a>.

<p>Otherwise, return <a>error</a> with <a>error code</a> <a>no such shadow root</a>.
</ol>
</section> <!-- /Get Element Shadow Root -->
</section> <!-- /Retrieval -->

<section>
Expand Down Expand Up @@ -10346,6 +10614,8 @@ <h2>Index</h2>
<!-- Document element --> <li><dfn><a href=https://dom.spec.whatwg.org/#document-element>Document element</a></dfn>
<!-- Document --> <li><dfn><a href=https://dom.spec.whatwg.org/#concept-document>Document</a></dfn>
<!-- DOCUMENT_POSITION_DISCONNECTED --> <li><dfn><a href=https://dom.spec.whatwg.org/#dom-node-document_position_disconnected>DOCUMENT_POSITION_DISCONNECTED</a></dfn> (1)
<!-- document fragment host --> <li><dfn data-lt="document fragment host"><a href=https://dom.spec.whatwg.org/#concept-documentfragment-host><code>document fragment host</code></a></dfn>
<!-- DOCUMENT_FRAGMENT_NODE --> <li><dfn data-lt="DOCUMENT_FRAGMENT_NODE"><a href="https://dom.spec.whatwg.org/#dom-node-document_fragment_node">DOCUMENT_FRAGMENT_NODE</a></dfn></li>
<!-- Document type --> <li><dfn><a href=https://dom.spec.whatwg.org/#concept-document-type>Document type</a></dfn>
<!-- Document URL --> <li><dfn><a href=https://dom.spec.whatwg.org/#concept-document-url>Document URL</a></dfn>
<!-- Element --> <li><dfn data-lt=elements><a href=https://dom.spec.whatwg.org/#concept-element>Element</a></dfn>
Expand Down