test: make input disabled, add slotted example

dequelabs · Jul 13, 2017 · 3a5be92 · 3a5be92
1 parent 615170e
commit 3a5be92
Showing 1 changed file with 23 additions and 3 deletions.
diff --git a/test/rule-matches/color-contrast-matches.js b/test/rule-matches/color-contrast-matches.js
@@ -336,11 +336,11 @@ describe('color-contrast-matches', function () {
 
 			var container = document.getElementById('firstChild');
 			var shadowRoot = container.attachShadow({ mode: 'open' });
-			shadowRoot.innerHTML = '<input id="shadowTarget" type="text" />';
+			shadowRoot.innerHTML = '<input type="text" id="input" disabled />';
 
-			var shadowTarget = container.shadowRoot.querySelector('#shadowTarget');
+			var shadowTarget = container.shadowRoot.querySelector('#input');
 			var tree = axe._tree = axe.utils.getFlattenedTree(fixture);
-			assert.isTrue(rule.matches(shadowTarget, axe.utils.getNodeFromTree(tree[0], shadowTarget)));
+			assert.isFalse(rule.matches(shadowTarget, axe.utils.getNodeFromTree(tree[0], shadowTarget)));
 		});
 
 		it('should look at the children of a virtual node for overlap', function () {
@@ -356,5 +356,25 @@ describe('color-contrast-matches', function () {
 			var tree = axe._tree = axe.utils.getFlattenedTree(fixture);
 			assert.isTrue(rule.matches(firstChild, axe.utils.getNodeFromTree(tree[0], firstChild)));
 		});
+
+		it('should handle an input added through slotted content', function () {
+			fixture.innerHTML = '<label>Option 1 <span class="slotted">' +
+				'<input type="text" name="slottedLabel" />' +
+			'</span></label>';
+
+			function createContentSlotted() {
+				var group = document.createElement('span');
+				group.innerHTML = '<slot></slot>';
+				return group;
+			}
+
+			var slotted = fixture.querySelector('.slotted');
+			var shadowRoot = slotted.attachShadow({mode: 'open'});
+			shadowRoot.appendChild(createContentSlotted());
+
+			var input = slotted.querySelector('input');
+			var tree = axe._tree = axe.utils.getFlattenedTree(fixture);
+			assert.isTrue(rule.matches(input, axe.utils.getNodeFromTree(tree[0], input)));
+		});
 	}
 });