support the other special prop (#7)

developit · Apr 30, 2017 · a111d56 · a111d56
1 parent 8767d17
commit a111d56
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/vhtml.js b/src/vhtml.js
@@ -3,6 +3,10 @@ import emptyTags from './empty-tags';
 // escape an attribute
 let esc = str => String(str).replace(/[&<>"']/g, s=>`&${map[s]};`);
 let map = {'&':'amp','<':'lt','>':'gt','"':'quot',"'":'apos'};
+let DOMAttributeNames = {
+	className: 'class',
+	htmlFor: 'for'
+};
 
 let sanitized = {};
 
@@ -23,7 +27,7 @@ export default function h(name, attrs) {
 	let s = `<${name}`;
 	if (attrs) for (let i in attrs) {
 		if (attrs[i]!==false && attrs[i]!=null) {
-			s += ` ${i === 'className' ? 'class' : esc(i)}="${esc(attrs[i])}"`;
+			s += ` ${DOMAttributeNames[i] ? DOMAttributeNames[i] : esc(i)}="${esc(attrs[i])}"`;
 		}
 	}
 

diff --git a/test/vhtml.js b/test/vhtml.js
@@ -158,11 +158,11 @@ describe('vhtml', () => {
 		);
 	});
 
-	it('should handle className as class', () => {
+	it('should handle special prop names', () => {
 		expect(
-			<div className="my-class" />
+			<div className="my-class" htmlFor="id" />
 		).to.equal(
-			'<div class="my-class"></div>'
+			'<div class="my-class" for="id"></div>'
 		);
 	});
 });