fix(virtual-node): default and lowercase type property

lib/core/base/virtual-node/serial-virtual-node.js

@@ -52,11 +52,25 @@ function normaliseProps(serialNode) {
 		`nodeName has to be a string, got '${nodeName}'`
 	);
 
+	nodeName = nodeName.toLowerCase();
+	let type = null;
+	if (nodeName === 'input') {
+		type = (
+			serialNode.type ||
+			(serialNode.attributes && serialNode.attributes.type) ||
+			'text'
+		).toLowerCase();
+	}
+
 	const props = {
 		...serialNode,
 		nodeType,
-		nodeName: nodeName.toLowerCase()
+		nodeName
 	};
+	if (type) {
+		props.type = type;
+	}
+
 	delete props.attributes;
 	return Object.freeze(props);
 }

lib/core/base/virtual-node/virtual-node.js

@@ -26,6 +26,18 @@ class VirtualNode extends AbstractVirtualNode {
 		}
 		this._isXHTML = isXHTMLGlobal;
 
+		this._nodeName = this._isXHTML
+			? node.nodeName
+			: node.nodeName.toLowerCase();
+
+		// we will normalize the type prop for inputs by looking strictly
+		// at the attribute and not what the browser resolves the type
+		// to be
+		if (node.nodeName.toLowerCase() === 'input') {
+			const type = node.getAttribute('type') || 'text';
+			this._type = this._isXHTML ? type : type.toLowerCase();
+		}
+
 		// TODO: es-modules_cache
 		if (axe._cache.get('nodeMap')) {
 			axe._cache.get('nodeMap').set(node, this);
@@ -35,13 +47,13 @@ class VirtualNode extends AbstractVirtualNode {
 	// abstract Node properties so we can run axe in DOM-less environments.
 	// add to the prototype so memory is shared across all virtual nodes
 	get props() {
-		const { nodeType, nodeName, id, type, multiple } = this.actualNode;
+		const { nodeType, nodeName, id, multiple } = this.actualNode;
 
 		return {
 			nodeType,
 			nodeName: this._isXHTML ? nodeName : nodeName.toLowerCase(),
 			id,
-			type,
+			type: this._type,
 			multiple
 		};
 	}

test/core/base/virtual-node/serial-virtual-node.js

@@ -89,6 +89,48 @@ describe('SerialVirtualNode', function() {
 			});
 			assert.isUndefined(vNode.props.attributes);
 		});
+
+		it('converts type prop to lower case', function() {
+			var types = ['text', 'COLOR', 'Month', 'uRL'];
+			types.forEach(function(type) {
+				var vNode = new SerialVirtualNode({
+					nodeName: 'input',
+					type: type
+				});
+				assert.equal(vNode.props.type, type.toLowerCase());
+			});
+		});
+
+		it('converts type attribute to lower case', function() {
+			var types = ['text', 'COLOR', 'Month', 'uRL'];
+			types.forEach(function(type) {
+				var vNode = new SerialVirtualNode({
+					nodeName: 'input',
+					attributes: {
+						type: type
+					}
+				});
+				assert.equal(vNode.props.type, type.toLowerCase());
+			});
+		});
+
+		it('defaults type prop to "text"', function() {
+			var vNode = new SerialVirtualNode({
+				nodeName: 'input'
+			});
+			assert.equal(vNode.props.type, 'text');
+		});
+
+		it('uses the type property over the type attribute', function() {
+			var vNode = new SerialVirtualNode({
+				nodeName: 'input',
+				type: 'month',
+				attributes: {
+					type: 'color'
+				}
+			});
+			assert.equal(vNode.props.type, 'month');
+		});
 	});
 
 	describe('attr', function() {

test/core/base/virtual-node/virtual-node.js

@@ -39,6 +39,14 @@ describe('VirtualNode', function() {
 			assert.equal(vNode.props.type, 'text');
 		});
 
+		it('should lowercase type', function() {
+			var node = document.createElement('input');
+			node.setAttribute('type', 'COLOR');
+			var vNode = new VirtualNode(node);
+
+			assert.equal(vNode.props.type, 'color');
+		});
+
 		it('should lowercase nodeName', function() {
 			var node = {
 				nodeName: 'FOOBAR'