From a65dd48ea9d190105d8ac175e1fbf16d2e308c7f Mon Sep 17 00:00:00 2001
From: Nico Jansen <jansennico@gmail.com>
Date: Wed, 19 Apr 2017 18:10:57 +0200
Subject: [PATCH] fix(attibutes): Fix small template issues

---
 src/jsx/attributes.d.ts      | 4 ++--
 test/html-fragments.spec.tsx | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/jsx/attributes.d.ts b/src/jsx/attributes.d.ts
index c9181f20..3a4afeb1 100644
--- a/src/jsx/attributes.d.ts
+++ b/src/jsx/attributes.d.ts
@@ -20,11 +20,11 @@ declare namespace JSX {
         capture?: boolean;
         cellPadding?: number | string;
         cellSpacing?: number | string;
-        charSet?: string;
+        charset?: string;
         challenge?: string;
         checked?: boolean;
         classID?: string;
-        className?: string;
+        class?: string;
         cols?: number;
         colSpan?: number;
         content?: string;
diff --git a/test/html-fragments.spec.tsx b/test/html-fragments.spec.tsx
index b449f8a1..200a1e8f 100644
--- a/test/html-fragments.spec.tsx
+++ b/test/html-fragments.spec.tsx
@@ -1,3 +1,4 @@
+
 import * as elements from '../src/elements';
 import { expect } from 'chai';
 const logger = require('html-differ/lib/logger');
@@ -20,13 +21,15 @@ describe('Simple html structures', () => {
     testEqual(`<ul>
     <li>1</li>
     <li>2</li>
-    </ul>`, () => <ul><li>1</li><li>2</li></ul>);
+    </ul>`, () => <ul>{[1, 2].map(li => <li>{li}</li>)}</ul>);
     testEqual('<button on-click="doSomething"></button>', () => <button onClick={doSomething}></button>);
+    testEqual('<div class="class-a"></div>', () => <div class="class-a"></div>);
 });
 
 describe('Self-closing html tags', () => {
     testEqual('<area>', () => <area></area>);
     testEqual('<hr>', () => <hr></hr>);
     testEqual('<hr>content</hr>', () => <hr>content</hr>);
+    testEqual('<meta charset="utf8">', () => <meta charset="utf8"></meta>);
 });