fix(aria-form-field-name-matches): don't test combobox elements when …

…they have a child input (#1742)

* fix(aria-form-field-name-matches): don't test combobox elements when they have a child input

* typo

lib/rules/aria-form-field-name-matches.js

@@ -36,4 +36,15 @@ if (nodeName === 'BUTTON' || role === 'button') {
 	return false;
 }
 
+/**
+ * Ignore combobox elements if they have a child input
+ * (ARIA 1.1 pattern)
+ */
+if (
+	role === 'combobox' &&
+	axe.utils.querySelectorAll(virtualNode, 'input:not([type="hidden"])').length
+) {
+	return false;
+}
+
 return true;

test/rule-matches/aria-form-field-name-matches.js

@@ -65,4 +65,12 @@ describe('aria-form-field-name-matches', function() {
 			assert.isFalse(actual);
 		});
 	});
+
+	it('returns false when role=`combobox` has a child input', function() {
+		var vNode = queryFixture(
+			'<div id="target" role="combobox"><input type="text"/></div>'
+		);
+		var actual = rule.matches(vNode.actualNode, vNode);
+		assert.isFalse(actual);
+	});
 });