test: add jsx() stories

.storybook/jsx.stories.js

@@ -0,0 +1,23 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+const {action} = require('@storybook/addon-actions');
+const {linkTo} = require('@storybook/addon-links');
+const {create} = require('../lib');
+
+const renderer = create(h);
+const {jsx} = renderer;
+
+const RedBorder = jsx('div', {
+  border: '1px solid red'
+});
+
+storiesOf('jsx()', module)
+    .add('Default', () =>
+        h(RedBorder, null, 'Hello world')
+    )
+    .add('Custom CSS', () =>
+        h(RedBorder, {css: {fontWeight: 'bold'}}, 'Hello world')
+    )
+    .add('Inline styles', () =>
+        h(RedBorder, {style: {color: 'red'}, css: {fontWeight: 'bold'}}, 'Hello world')
+    )

.storybook/rule.stories.js

@@ -11,7 +11,7 @@ const className1 = rule({
   border: '1px solid red'
 }, 'RedBorder');
 
-storiesOf('Light/rule()', module)
+storiesOf('rule()', module)
   .add('Default', () =>
     h('div', {className: className1}, 'Hello world')
   )

lib/hash.js

@@ -11,5 +11,5 @@ exports.hash = function(styles) {
         hash = (hash * 33) ^ str.charCodeAt(--i);
     }
 
-    return '_' + (hash >>> 0);
+    return '_' + (hash >>> 0).toString(36);
 };

lib/index.js

@@ -169,7 +169,7 @@ exports.create = function (h) {
             var dynamicClassName = fromCache(props.css);
             delete copy.css;
 
-            copy.className = (props.className + '') + className + dynamicClassName;
+            copy.className = (props.className || '') + className + dynamicClassName;
 
             return isElement ? h(fn, copy) : fn(copy);
         };