support classname

Author: nathancahill

src/vhtml.js

@@ -3,6 +3,7 @@ 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 special = attr => (attr === 'className') ? 'class' : attr;
 
 let sanitized = {};
 
@@ -23,7 +24,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 += ` ${esc(i)}="${esc(attrs[i])}"`;
+			s += ` ${special(esc(i))}="${esc(attrs[i])}"`;
 		}
 	}
 

test/vhtml.js

@@ -157,4 +157,12 @@ describe('vhtml', () => {
 			`<div><area><base><br><col><command><embed><hr><img><input><keygen><link><meta><param><source><track><wbr><div></div><span></span><p></p></div>`
 		);
 	});
+
+	it('should handle className as class', () => {
+		expect(
+			<div className="my-class" />
+		).to.equal(
+			'<div class="my-class"></div>'
+		);
+	});
 });