Merge pull request #1 from MicheleBertoli/className-to-class

Render class instead of className

src/index.js

@@ -94,7 +94,11 @@ export default function renderToJSON(vnode, context, opts, inner) {
 	};
 
 	if (attributes) {
-		ret.props = omit(attributes, ['key', 'children']);
+		ret.props = omit(attributes, ['key', 'children', 'className']);
+
+		if (attributes.className && !attributes.class) {
+			ret.props.class = attributes.className;
+		}
 	}
 
 	if (attributes && attributes.key) {

test/render.js

@@ -0,0 +1,22 @@
+import { render } from '../src';
+import { h } from 'preact';
+import { expect } from 'chai';
+
+describe('className / class massaging', () => {
+	it('should render class using className', () => {
+		let rendered = render(<div className="foo bar" />);
+		expect(rendered.props).to.have.property('class', 'foo bar');
+		expect(rendered.props).to.not.have.property('className');
+	});
+
+	it('should render class using class', () => {
+		let rendered = render(<div class="foo bar" />);
+		expect(rendered.props).to.have.property('class', 'foo bar');
+	});
+
+	it('should prefer class over className', () => {
+		let rendered = render(<div class="foo" className="foo bar" />);
+		expect(rendered.props).to.have.property('class', 'foo');
+		expect(rendered.props).to.not.have.property('className');
+	});
+});