From 5da39d63ca07b7ad82466c06416c81531ad5706a Mon Sep 17 00:00:00 2001
From: valdrinkoshi <valdrin@google.com>
Date: Fri, 3 Mar 2017 11:40:10 -0800
Subject: [PATCH] specify support of ShadowRoot

---
 src/js/Properties.js       |  2 +-
 test/js/properties-test.js | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/js/Properties.js b/src/js/Properties.js
index c4125896..67fc7e5d 100644
--- a/src/js/Properties.js
+++ b/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();
diff --git a/test/js/properties-test.js b/test/js/properties-test.js
index 315d35a0..f40e3a6c 100644
--- a/test/js/properties-test.js
+++ b/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);
 });