aria-api 0.4.7 → 0.6.0

package/lib/name.js

@@ -1,11 +1,11 @@
-var constants = require('./constants.js');
-var atree = require('./atree.js');
-var query = require('./query.js');
-
-var getPseudoContent = function(node, selector) {
-	var styles = window.getComputedStyle(node, selector);
-	var ret = styles.getPropertyValue('content');
-	var inline = styles.display.substr(0, 6) === 'inline';
+const constants = require('./constants.js');
+const atree = require('./atree.js');
+const query = require('./query.js');
+
+const getPseudoContent = function(node, selector) {
+	const styles = window.getComputedStyle(node, selector);
+	const ret = styles.getPropertyValue('content');
+	const inline = styles.display.substr(0, 6) === 'inline';
 	if (!ret) {
 		return '';
 	}
@@ -20,12 +20,12 @@ var getPseudoContent = function(node, selector) {
 	}
 };
 
-var getContent = function(root, visited) {
-	var children = atree.getChildNodes(root);
+const getContent = function(root, visited) {
+	const children = atree.getChildNodes(root);
 
-	var ret = '';
-	for (var i = 0; i < children.length; i++) {
-		var node = children[i];
+	let ret = '';
+	for (let i = 0; i < children.length; i++) {
+		const node = children[i];
 		if (node.nodeType === node.TEXT_NODE) {
 			ret += node.textContent;
 		} else if (node.nodeType === node.ELEMENT_NODE) {
@@ -44,18 +44,15 @@ var getContent = function(root, visited) {
 	return ret;
 };
 
-var allowNameFromContent = function(el) {
-	var role = query.getRole(el);
-	return (constants.roles[role] || {}).nameFromContents;
-};
-
-var isInLabelForOtherWidget = function(el) {
-	var label = el.parentElement.closest('label');
-	return label && (!el.labels || !Array.prototype.includes.call(el.labels, label));
+const allowNameFromContent = function(el) {
+	const role = query.getRole(el);
+	if (role) {
+		return constants.roles[role].nameFromContents;
+	}
 };
 
-var getName = function(el, recursive, visited, directReference) {
-	var ret = '';
+const getName = function(el, recursive, visited, directReference) {
+	let ret = '';
 
 	visited = visited || [];
 	if (visited.includes(el)) {
@@ -71,14 +68,30 @@ var getName = function(el, recursive, visited, directReference) {
 
 	// B
 	if (!recursive && el.matches('[aria-labelledby]')) {
-		var ids = el.getAttribute('aria-labelledby').split(/\s+/);
-		var strings = ids.map(id => {
-			var label = document.getElementById(id);
+		const ids = el.getAttribute('aria-labelledby').split(/\s+/);
+		const strings = ids.map(id => {
+			const label = document.getElementById(id);
 			return label ? getName(label, true, visited, true) : '';
 		});
 		ret = strings.join(' ');
 	}
 
+	// E (the current draft has this at this high priority)
+	if (!ret.trim() && recursive) {
+		if (query.matches(el, 'textbox,button')) {
+			ret = el.value || el.textContent;
+		} else if (query.matches(el, 'combobox,listbox')) {
+			const selected = query.querySelector(el, ':selected') || query.querySelector(el, 'option');
+			if (selected) {
+				ret = getName(selected, recursive, visited);
+			} else {
+				ret = el.value || '';
+			}
+		} else if (query.matches(el, 'range')) {
+			ret = '' + (query.getAttribute(el, 'valuetext') || query.getAttribute(el, 'valuenow') || el.value);
+		}
+	}
+
 	// C
 	if (!ret.trim() && el.matches('[aria-label]')) {
 		// FIXME: may skip to 2E
@@ -87,7 +100,7 @@ var getName = function(el, recursive, visited, directReference) {
 
 	// D
 	if (!ret.trim() && !recursive && el.labels) {
-		var strings = Array.prototype.map.call(el.labels, label => {
+		const strings = Array.prototype.map.call(el.labels, label => {
 			return getName(label, true, visited);
 		});
 		ret = strings.join(' ');
@@ -102,31 +115,19 @@ var getName = function(el, recursive, visited, directReference) {
 		ret = el.title;
 	}
 	if (!ret.trim()) {
-		for (var selector in constants.nameFromDescendant) {
+		for (const selector in constants.nameFromDescendant) {
 			if (el.matches(selector)) {
-				var descendant = el.querySelector(constants.nameFromDescendant[selector]);
+				const descendant = el.querySelector(constants.nameFromDescendant[selector]);
 				if (descendant) {
 					ret = getName(descendant, true, visited);
 				}
 			}
 		}
 	}
-
-	// E
-	if (!ret.trim() && (recursive || isInLabelForOtherWidget(el) || query.matches(el, 'button'))) {
-		if (query.matches(el, 'textbox,button,combobox,listbox,range')) {
-			if (query.matches(el, 'textbox,button')) {
-				ret = el.value || el.textContent;
-			} else if (query.matches(el, 'combobox,listbox')) {
-				var selected = query.querySelector(el, ':selected') || query.querySelector(el, 'option');
-				if (selected) {
-					ret = getName(selected, recursive, visited);
-				} else {
-					ret = el.value || '';
-				}
-			} else if (query.matches(el, 'range')) {
-				ret = '' + (query.getAttribute(el, 'valuetext') || query.getAttribute(el, 'valuenow') || el.value);
-			}
+	if (!ret.trim() && el.matches('svg *')) {
+		const svgTitle = el.querySelector('title');
+		if (svgTitle && svgTitle.parentElement === el) {
+			ret = svgTitle.textContent;
 		}
 	}
 
@@ -136,8 +137,12 @@ var getName = function(el, recursive, visited, directReference) {
 		ret = getContent(el, visited);
 	}
 
+	if (!ret.trim() && query.matches(el, 'button')) {
+		ret = el.value || '';
+	}
+
 	if (!ret.trim()) {
-		for (var selector in constants.nameDefaults) {
+		for (const selector in constants.nameDefaults) {
 			if (el.matches(selector)) {
 				ret = constants.nameDefaults[selector];
 			}
@@ -159,29 +164,34 @@ var getName = function(el, recursive, visited, directReference) {
 		ret = ' ';
 	}
 
-	var before = getPseudoContent(el, ':before');
-	var after = getPseudoContent(el, ':after');
+	const before = getPseudoContent(el, ':before');
+	const after = getPseudoContent(el, ':after');
 	return before + ret + after;
 };
 
-var getNameTrimmed = function(el) {
+const getNameTrimmed = function(el) {
 	return getName(el).replace(/\s+/g, ' ').trim();
 };
 
-var getDescription = function(el) {
-	var ret = '';
+const getDescription = function(el) {
+	let ret = '';
 
 	if (el.matches('[aria-describedby]')) {
-		var ids = el.getAttribute('aria-describedby').split(/\s+/);
-		var strings = ids.map(id => {
-			var label = document.getElementById(id);
+		const ids = el.getAttribute('aria-describedby').split(/\s+/);
+		const strings = ids.map(id => {
+			const label = document.getElementById(id);
 			return label ? getName(label, true) : '';
 		});
 		ret = strings.join(' ');
+	} else if (el.matches('[aria-description]')) {
+		ret = el.getAttribute('aria-description');
+	} else if (el.matches('svg *')) {
+		const svgDesc = el.querySelector('desc');
+		if (svgDesc && svgDesc.parentElement === el) {
+			ret = svgDesc.textContent;
+		}
 	} else if (el.title) {
 		ret = el.title;
-	} else if (el.placeholder) {
-		ret = el.placeholder;
 	}
 
 	ret = (ret || '').trim().replace(/\s+/g, ' ');

package/lib/query.js

@@ -1,31 +1,29 @@
-var attrs = require('./attrs.js');
-var atree = require('./atree.js');
+const attrs = require('./attrs.js');
+const atree = require('./atree.js');
 
 
-var matches = function(el, selector) {
-	var actual;
-
+const matches = function(el, selector) {
 	if (selector.substr(0, 1) === ':') {
-		var attr = selector.substr(1);
+		const attr = selector.substr(1);
 		return attrs.getAttribute(el, attr);
 	} else if (selector.substr(0, 1) === '[') {
-		var match = /\[([a-z]+)="(.*)"\]/.exec(selector);
-		actual = attrs.getAttribute(el, match[1]);
-		var rawValue = match[2];
+		const match = /\[([a-z]+)="(.*)"\]/.exec(selector);
+		const actual = attrs.getAttribute(el, match[1]);
+		const rawValue = match[2];
 		return actual.toString() === rawValue;
 	} else {
 		return attrs.hasRole(el, selector.split(','));
 	}
 };
 
-var _querySelector = function(all) {
-	return function(root, role) {
-		var results = [];
+const _querySelector = function(all) {
+	return function(root, selector) {
+		const results = [];
 		try {
 			atree.walk(root, node => {
 				if (node.nodeType === node.ELEMENT_NODE) {
 					// FIXME: skip hidden elements
-					if (matches(node, role)) {
+					if (matches(node, selector)) {
 						results.push(node);
 						if (!all) {
 							throw 'StopIteration';
@@ -42,7 +40,7 @@ var _querySelector = function(all) {
 	};
 };
 
-var closest = function(el, selector) {
+const closest = function(el, selector) {
 	return atree.searchUp(el, candidate => {
 		if (candidate.nodeType === candidate.ELEMENT_NODE) {
 			return matches(candidate, selector);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-api",
-  "version": "0.4.7",
+  "version": "0.6.0",
   "description": "Access ARIA information from JavaScript",
   "main": "index.js",
   "keywords": [
@@ -14,8 +14,8 @@
     "brfs": "^2.0.0",
     "browserify": "^17.0.0",
     "expect": "^1.20.2",
-    "mocha": "^9.0.1",
-    "mocha-headless-chrome": "^3.1.0"
+    "mocha": "^10.2.0",
+    "mocha-headless-chrome": "^4.0.0"
   },
   "files": [
     "index.js",