Index: LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/upper-boundary-encapsulation/dom-tree-accessors-001.html |
diff --git a/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/upper-boundary-encapsulation/dom-tree-accessors-001.html b/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/upper-boundary-encapsulation/dom-tree-accessors-001.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d380af7ab046a204761c50b41bfffcfb1423ff87 |
--- /dev/null |
+++ b/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/upper-boundary-encapsulation/dom-tree-accessors-001.html |
@@ -0,0 +1,225 @@ |
+<!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: Upper-boundary encapsulation: document's DOM tree accessors</title> |
+<link rel="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru"> |
+<link rel="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru"> |
+<link rel="author" title="Mikhail Fursov" href="mailto:mfursov@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/#upper-boundary-encapsulation"> |
+<meta name="assert" content="Upper-boundary encapsulation: The shadow nodes and named shadow elements are not accessible using shadow host's document DOM tree accessors."> |
+<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> |
+// A document's "DOM tree accessors" include: |
+// (document.)head, title, body, images, embeds, plugins, links, forms, |
+// scripts, getElementsByName(), cssElementMap, and currentScript |
+// |
+// Of these, it is unclear how document.cssElementMap can be tested. |
+// Except for it, there is a test corresponding to each accessor. |
+// |
+// Additionally, there are obsolete accessors |
+// <http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#other-elements,-attributes-and-apis>: |
+// (document.)anchors, applets, and all. |
+// |
+// and some accessors defined in the DOM specification (formerly known as |
+// "DOM Core") <http://dom.spec.whatwg.org/#interface-document>: |
+// (document.)documentElement, getElementsByTagName(), |
+// getElementsByTagNameNS(), getElementsByClassName(), and getElementById(). |
+// |
+// As it seems reasonable to have tests for these accessors, this file also |
+// includes tests for them, except for document.documentElement which is |
+// unclear whether we can test; the distribution process of Shadow DOM does not |
+// alter the host element, so the document element (e.g. <html>) cannot be |
+// replaced with an element in a shadow tree. |
+ |
+// ---------------------------------------------------------------------------- |
+// Constants and utility functions |
+ |
+// Place the same HTML content into both the host document and the shadow root. |
+// To differentiate these two, a class name is assigned to every element by |
+// populateTestContentToHostDocument() and populateTestContentToShadowRoot(). |
+var HTML_CONTENT = [ |
+ '<head>', |
+ '<title></title>', |
+ '<link rel="help" href="#">', |
+ '</head>', |
+ '<body>', |
+ '<p></p>', |
+ '<a name="test-name"></a>', |
+ '<a href="#"></a>', |
+ '<area href="#">', |
+ '<img src="#" alt="">', |
+ '<embed></embed>', |
+ '<form></form>', |
+ '<script><' + '/script>', |
+ '<applet></applet>', |
+ '</body>' |
+].join('\n'); |
+ |
+function addClassNameToAllElements(document, root, className) { |
+ var nodeIterator = document.createNodeIterator( |
+ root, NodeFilter.SHOW_ELEMENT, null); |
+ var node; |
+ while (node = nodeIterator.nextNode()) |
+ node.className = className; |
+} |
+ |
+function populateTestContentToHostDocument(document) { |
+ document.documentElement.innerHTML = HTML_CONTENT; |
+ addClassNameToAllElements(document, document.documentElement, 'host'); |
+} |
+ |
+function populateTestContentToShadowRoot(shadowRoot) { |
+ shadowRoot.innerHTML = HTML_CONTENT; |
+ addClassNameToAllElements(shadowRoot.ownerDocument, shadowRoot, 'shadow'); |
+} |
+ |
+function createDocumentForTesting() { |
+ var doc = document.implementation.createHTMLDocument(''); |
+ populateTestContentToHostDocument(doc); |
+ var shadowRoot = doc.documentElement.createShadowRoot(); |
+ populateTestContentToShadowRoot(shadowRoot); |
+ return doc; |
+} |
+ |
+// Make sure the given HTMLCollection contains at least one elements and |
+// all elements have the class named "host". This function works well with |
+// HTMLCollection, HTMLAllCollection, and NodeList consisting of elements. |
+function assert_collection(collection) { |
+ assert_true(collection.length > 0); |
+ Array.prototype.forEach.call(collection, function (element) { |
+ assert_equals(element.className, 'host'); |
+ }); |
+} |
+ |
+// ---------------------------------------------------------------------------- |
+// Tests for DOM tree accessors defined in HTML specification |
+ |
+test(function () { |
+ var doc = createDocumentForTesting(); |
+ assert_equals(doc.head.className, 'host'); |
+ assert_equals(doc.body.className, 'host'); |
+}, |
+ '<head> and <body> in a shadow tree should not be accessible from ' + |
+ 'owner document\'s "head" and "body" properties, respectively.' |
+); |
+ |
+test(function () { |
+ var doc = document.implementation.createHTMLDocument(''); |
+ populateTestContentToHostDocument(doc); |
+ var shadowRoot = doc.documentElement.createShadowRoot(); |
+ populateTestContentToShadowRoot(shadowRoot); |
+ |
+ // Replace the content of <title> to distinguish elements in a host |
+ // document and a shadow tree. |
+ doc.getElementsByTagName('title')[0].innerText = 'Title of host document'; |
+ shadowRoot.getElementsByTagName('title')[0].innerText = |
+ 'Title of shadow tree'; |
+ |
+ assert_equals(doc.title, 'Title of host document'); |
+}, |
+ 'The content of title element in a shadow tree should not be accessible ' + |
+ 'from owner document\'s "title" attribute.' |
+); |
+ |
+function testHTMLCollection(accessor) { |
+ var doc = createDocumentForTesting(); |
+ assert_collection(doc[accessor]); |
+} |
+ |
+generate_tests( |
+ testHTMLCollection, |
+ ['images', 'embeds', 'plugins', 'links', 'forms', 'scripts'].map( |
+ function (accessor) { |
+ return [ |
+ 'Elements in a shadow tree should not be accessible from ' + |
+ 'owner document\'s "' + accessor + '" attribute.', |
+ accessor |
+ ]; |
+ })); |
+ |
+test(function () { |
+ var doc = createDocumentForTesting(); |
+ assert_collection(doc.getElementsByName('test-name')); |
+}, |
+ 'Elements in a shadow tree should not be accessible from owner ' + |
+ 'document\'s getElementsByName() method.' |
+); |
+ |
+// ---------------------------------------------------------------------------- |
+// Tests for obsolete accessors |
+ |
+generate_tests( |
+ testHTMLCollection, |
+ ['anchors', 'applets', 'all'].map( |
+ function (accessor) { |
+ return [ |
+ 'Elements in a shadow tree should not be accessible from ' + |
+ 'owner document\'s "' + accessor + '" attribute.', |
+ accessor |
+ ]; |
+ })); |
+ |
+// ---------------------------------------------------------------------------- |
+// Tests for accessors defined in DOM specification |
+ |
+test(function () { |
+ var doc = createDocumentForTesting(); |
+ assert_collection(doc.getElementsByTagName('p')); |
+}, |
+ 'Elements in a shadow tree should not be accessible from owner ' + |
+ 'document\'s getElementsByTagName() method.' |
+); |
+ |
+test(function () { |
+ // Create a XML document. |
+ var namespace = 'http://www.w3.org/1999/xhtml'; |
+ var doc = document.implementation.createDocument(namespace, 'html'); |
+ doc.documentElement.appendChild(doc.createElementNS(namespace, 'head')); |
+ var body = doc.createElementNS(namespace, 'body'); |
+ var pHost = doc.createElementNS(namespace, 'p'); |
+ pHost.className = "host"; |
+ body.appendChild(pHost); |
+ doc.documentElement.appendChild(body); |
+ |
+ var shadowRoot = body.createShadowRoot(); |
+ var pShadow = doc.createElementNS(namespace, 'p'); |
+ pShadow.className = "shadow"; |
+ shadowRoot.appendChild(pShadow); |
+ |
+ assert_collection(doc.getElementsByTagNameNS(namespace, 'p')); |
+}, |
+ 'Elements in a shadow tree should not be accessible from owner ' + |
+ 'document\'s getElementsByTagNameNS() method.' |
+); |
+ |
+test(function () { |
+ var doc = document.implementation.createHTMLDocument(''); |
+ populateTestContentToHostDocument(doc); |
+ var shadowRoot = doc.documentElement.createShadowRoot(); |
+ populateTestContentToShadowRoot(shadowRoot); |
+ |
+ shadowRoot.getElementsByTagName('p')[0].id = 'test-id'; |
+ assert_equals(doc.getElementById('test-id'), null); |
+}, |
+ 'Elements in a shadow tree should not be accessible from owner ' + |
+ 'document\'s getElementById() method.' |
+); |
+</script> |
+</body> |
+</html> |