support classname

developit · Apr 29, 2017 · f4da1f0 · f4da1f0
1 parent 4b4fd10
commit f4da1f0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/vhtml.js b/src/vhtml.js
@@ -23,7 +23,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 += ` ${i === 'className' ? 'class' : esc(i)}="${esc(attrs[i])}"`;
 		}
 	}
 

diff --git a/test/vhtml.js b/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>'
+		);
+	});
 });