specify support of ShadowRoot

src/js/Properties.js

@@ -175,7 +175,7 @@ axs.properties.hasDirectTextDescendant = function(element) {
         while (treeWalker.nextNode()) {
             var resultElement = treeWalker.currentNode;
             var parent = resultElement.parentNode;
-            // Handle elements hosted in <template>.content.
+            // Handle elements hosted in ShadowRoots.
             parent = parent.host || parent;
             var tagName = parent.tagName.toLowerCase();
             var value = resultElement.nodeValue.trim();

test/js/properties-test.js

@@ -17,11 +17,14 @@ test("Find text descendants in an iframe.", function() {
     equal(axs.properties.hasDirectTextDescendant(foo), true);
 });
 
-test("Find text descendants in a <template>.", function() {
-    var templ = document.createElement('template');
-    templ.innerHTML = '<div>bar</div>';
-    // <template> might not be supported by the browser, test anyway.
-    var foo = (templ.content || templ).firstChild;
+test("Find text descendants in a ShadowRoot.", function() {
+    var host = document.createElement('div');
+    if (host.attachShadow) {
+        host = host.attachShadow({mode: 'open'});
+    }
+    var foo = document.createElement('div');
+    foo.textContent = 'bar';
+    host.appendChild(foo);
     equal(axs.properties.hasDirectTextDescendant(foo), true);
 });