DevTools: Added ARIA roles & states to treeoutline

third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js

Index: third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js b/third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js
index 94472e37bcbfe74e244f9f5d47aaeb6a80c1866a..e2115c624225f6782375eeea116cd4c5a433df94 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js
+++ b/third_party/WebKit/Source/devtools/front_end/ui/ARIAUtils.js
@@ -7,12 +7,48 @@ UI.ARIAUtils = {};
 /**
  * @param {!Element} element
  */
+UI.ARIAUtils.markAsGroup = function(element) {
+  element.setAttribute('role', 'group');
+};
+
+/**
+ * @param {!Element} element
+ */
 UI.ARIAUtils.markAsTab = function(element) {
   element.setAttribute('role', 'tab');
 };
 
 /**
  * @param {!Element} element
+ */
+UI.ARIAUtils.markAsTree = function(element) {
+  element.setAttribute('role', 'tree');
+};
+
+/**
+ * @param {!Element} element
+ */
+UI.ARIAUtils.markAsTreeitem = function(element) {
+  element.setAttribute('role', 'treeitem');
+};
+
+/**
+ * @param {!Element} element
+ */
+UI.ARIAUtils.markAsPresentation = function(element) {
+  element.setAttribute('role', 'presentation');
+};
+
+/**
+ * @param {!Element} element
+ * @param {boolean} value
+ */
+UI.ARIAUtils.setExpanded = function(element, value) {
+  element.setAttribute('aria-expanded', !!value);
+};
+
+/**
+ * @param {!Element} element
  * @param {boolean} value
  */
 UI.ARIAUtils.setSelected = function(element, value) {
@@ -22,6 +58,7 @@ UI.ARIAUtils.setSelected = function(element, value) {
   element.setAttribute('aria-selected', !!value);
 };
 
+

[aboxhall, 2017/02/06 05:06:26]

Extra blank line.

[hhillen, 2017/02/09 02:18:41]

Done

 /**
  * @param {!Element} element
  * @param {boolean} value