fix(attibutes): Fix small template issues

nicojs · Apr 19, 2017 · a65dd48 · a65dd48
1 parent ae94144
commit a65dd48
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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>);
 });