Merge pull request #263 from yutak/shadow-dom/distribution

shadow-dom: Add reftests for distribution.
web-platform-tests · Aug 16, 2013 · 0618ee4 · 0618ee4
2 parents d26a0b3 + 37044eb
commit 0618ee4
Show file tree

Hide file tree

Showing 5 changed files with 175 additions and 93 deletions.
diff --git a/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-001-ref.html b/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-001-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!--
+Distributed under both the W3C Test Suite License [1] and the W3C
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
+policies and contribution forms [3].
+
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
+[3] http://www.w3.org/2004/10/27-testcases
+-->
+<html>
+<head>
+<title>Shadow DOM Test: Distribution: Unordered list (Reference)</title>
+<link rel="author" title="Yuta Kitamura" href="mailto:yutak@google.com">
+</head>
+<body>
+<p>
+You should see an unordered list below, consisting of ten elements
+each of which contains a capital letter ranging from "A" to "J",
+in alphabetical order.
+</p>
+<ul>
+<li>A</li>
+<li>B</li>
+<li>C</li>
+<li>D</li>
+<li>E</li>
+<li>F</li>
+<li>G</li>
+<li>H</li>
+<li>I</li>
+<li>J</li>
+</ul>
+</body>
+</html>
diff --git a/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-001.html b/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-001.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<!--
+Distributed under both the W3C Test Suite License [1] and the W3C
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
+policies and contribution forms [3].
+
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
+[3] http://www.w3.org/2004/10/27-testcases
+-->
+<html>
+<head>
+<title>Shadow DOM Test: Distribution: Unordered list</title>
+<link rel="match" href="distribution-001-ref.html">
+<link rel="author" title="Yuta Kitamura" href="mailto:yutak@google.com">
+<link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#shadow-trees">
+<meta name="assert" content="Lower-boundary Encapsulation: Each insertion point participates in distribution by providing a matching criteria for the child nodes. The matching criteria determines whether a given node could be distributed to a given insertion point.">
+<script src="../../testcommon.js"></script>
+</head>
+<body>
+<p>
+You should see an unordered list below, consisting of ten elements
+each of which contains a capital letter ranging from "A" to "J",
+in alphabetical order.
+</p>
+<ul id="list">
+<li>H</li>
+<li class="first">B</li>
+<li class="second">E</li>
+<li>I</li>
+<li class="first">C</li>
+</ul>
+<script>
+var shadowRoot = document.getElementById('list').createShadowRoot();
+shadowRoot.innerHTML =
+    '<li>A</li>' +
+    '<content select=".first"></content>' +
+    '<li>D</li>' +
+    '<content select=".second"></content>' +
+    '<li>F</li>' +
+    '<content select="img"></content>' +
+    '<li>G</li>' +
+    '<content></content>' +
+    '<li>J</li>';
+</script>
+</body>
+</html>
diff --git a/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-002-ref.html b/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-002-ref.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<!--
+Distributed under both the W3C Test Suite License [1] and the W3C
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
+policies and contribution forms [3].
+
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
+[3] http://www.w3.org/2004/10/27-testcases
+-->
+<html>
+<head>
+<title>Shadow DOM Test: Distribution: Ordered list (Reference)</title>
+<link rel="author" title="Yuta Kitamura" href="mailto:yutak@google.com">
+<style>
+ol {
+    list-style-type: decimal;
+}
+</style>
+</head>
+<body>
+<p>
+You should see an ordered list below, consisting of ten elements numbered
+from 1 through 10, and each line should contain a capital letter ranging from
+"A" to "J", in alphabetical order.
+</p>
+<ol>
+<li>A</li>
+<li>B</li>
+<li>C</li>
+<li>D</li>
+<li>E</li>
+<li>F</li>
+<li>G</li>
+<li>H</li>
+<li>I</li>
+<li>J</li>
+</ol>
+</body>
+</html>
diff --git a/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-002.html b/shadow-dom/shadow-trees/lower-boundary-encapsulation/distribution-002.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<!--
+Distributed under both the W3C Test Suite License [1] and the W3C
+3-clause BSD License [2]. To contribute to a W3C Test Suite, see the
+policies and contribution forms [3].
+
+[1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license
+[2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license
+[3] http://www.w3.org/2004/10/27-testcases
+-->
+<html>
+<head>
+<title>Shadow DOM Test: Distribution: Ordered list</title>
+<link rel="match" href="distribution-002-ref.html">
+<link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
+<link rel="author" title="Yuta Kitamura" href="mailto:yutak@google.com">
+<link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#shadow-trees">
+<meta name="assert" content="Lower-boundary Encapsulation: Each insertion point participates in distribution by providing a matching criteria for the child nodes. The matching criteria determines whether a given node could be distributed to a given insertion point.">
+<script src="../../testcommon.js"></script>
+<style>
+ol {
+    list-style-type: decimal;
+}
+</style>
+</head>
+<body>
+<p>
+You should see an ordered list below, consisting of ten elements numbered
+from 1 through 10, and each line should contain a capital letter ranging from
+"A" to "J", in alphabetical order.
+</p>
+<ol id="list">
+<li>H</li>
+<li class="first">B</li>
+<li class="second">E</li>
+<li>I</li>
+<li class="first">C</li>
+</ol>
+<script>
+var shadowRoot = document.getElementById('list').createShadowRoot();
+shadowRoot.innerHTML =
+    '<li>A</li>' +
+    '<content select=".first"></content>' +
+    '<li>D</li>' +
+    '<content select=".second"></content>' +
+    '<li>F</li>' +
+    '<content select="img"></content>' +
+    '<li>G</li>' +
+    '<content></content>' +
+    '<li>J</li>';
+</script>
+</body>
+</html>
diff --git a/shadow-dom/shadow-trees/lower-boundary-encapsulation/test-002.html b/shadow-dom/shadow-trees/lower-boundary-encapsulation/test-002.html