Add the test for Shadow-DOM ::distributed() pseudo-element with Relat…

…ive selector.
erikadoyle · Jun 8, 2013 · 000afe2 · 000afe2
1 parent 6ac0267
commit 000afe2
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 2 deletions.
diff --git a/shadow-dom/resources/bobs_page.html b/shadow-dom/resources/bobs_page.html
@@ -7,7 +7,7 @@
 	    <li id='li2' title="li2"><a href='#2'>Link 2</a></li>
 	    <li id='li3' class='shadow'><a href='#3'>Link 3 Shadow</a></li>
 	    <li id='li4' class='shadow2'><a href='#4'>Link 4 Shadow 2</a></li>
-	    <li id='li5'><a href='#5'>Link 5</a></li>
+	    <li id='li5'><a id="a5" class="shadow" href='#5'>Link 5</a></li>
 		<li id='li6' class='shadow'><a href='#5'>Link 6 Shadow</a></li>
 	</ul>
 	<div id="divid" class='breaking'>
@@ -32,4 +32,4 @@
 		<input type='checkbox' id='chb2'>
 	</div>
 </body>
-</html>
+</html>
diff --git a/shadow-dom/shadow-trees/distributed-pseudo-element/test-002.html b/shadow-dom/shadow-trees/distributed-pseudo-element/test-002.html
@@ -0,0 +1,67 @@
+<!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: A_04_04_01</title>
+<link rel="author" title="Tetsuharu OHZEKI" href="mailto:[email protected]">
+<link rel="help" href="http://www.w3.org/TR/2013/WD-shadow-dom-20130514/#distributed-pseudo-element">
+<meta name="assert" content="::distributed() pseudo-element, Relative Selector">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../testcommon.js"></script>
+<link rel="stylesheet" href="/resources/testharness.css">
+</head>
+<body>
+<div id="log"></div>
+<script>
+var A_04_04_01_T2 = async_test('A_04_04_01_T02');
+
+A_04_04_01_T2.step(function () {
+    var iframe = document.createElement('iframe');
+    iframe.src = '../../resources/bobs_page.html';
+    document.body.appendChild(iframe);
+
+    iframe.onload = A_04_04_01_T2.step_func(function () {
+        try {
+            var d = iframe.contentDocument;
+
+            //make shadow tree
+            var ul = d.querySelector('ul.stories');
+            var s = createSR(ul);
+            var subdiv1 = d.createElement('div');
+            subdiv1.innerHTML = '<ul><content select="li"></content></ul>';
+            s.appendChild(subdiv1);
+
+            var shadowStyle = d.createElement('style');
+            shadowStyle.innerHTML = '*::distributed(>.shadow) { display:none; }';
+            s.appendChild(shadowStyle);
+
+            //The order of DOM elements should be the following:
+            //li3, li6 - invisible. Other elements visible
+            var li3 = d.querySelector('#li3');
+            var li6 = d.querySelector('#li6');
+            assert_equals(window.getComputedStyle(li3).display, "none",
+              'Point 1: Elements that don\'t mach insertion point criteria participate in distribution');
+            assert_equals(window.getComputedStyle(li6).display, "none",
+              'Point 2: Elements that don\'t mach insertion point criteria participate in distribution');
+
+            var a5 = d.querySelector('#a5');
+            assert_not_equals(window.getComputedStyle(a5).display, "none",
+              'Point 3: ::distributed() pseudo-element with relative selector should be a valid insertion point matching criteria, element should be visible');
+        } finally {
+            iframe.parentNode.removeChild(iframe);
+        }
+        A_04_04_01_T2.done();
+    });
+});
+</script>
+</body>
+</html>