Merge pull request palantir#56 from blueberryapps/add-ava-tests

Add tests

circle.yml

@@ -13,6 +13,7 @@ dependencies:
 
 test:
   override:
+    - gulp ava
     - cd example && gulp:
         background: true
     - sleep 10

gulpfile.js

@@ -1,3 +1,6 @@
+const gulp = require('gulp')
+const ava = require('gulp-ava')
+const packageJson = require('./package.json')
 const path = require('path')
 
 const configureSvgIcon = require('react-svg-icon-generator').default;
@@ -8,3 +11,9 @@ configureSvgIcon({
   reactPureRender: true,
   svgDir: path.join(__dirname, 'src', 'icons')
 });
+
+gulp.task('ava', () =>
+  gulp
+    .src(packageJson.ava.files)
+    .pipe(ava())
+);

package.json

@@ -56,6 +56,7 @@
     "eslint-plugin-react": "^3.5.1",
     "expect": "^1.12.2",
     "gulp": "^3.9.1",
+    "gulp-ava": "^0.12.1",
     "mocha": "^2.3.3",
     "react-hot-loader": "^1.3.0",
     "react-svg-icon-generator": "0.2.2",
@@ -80,5 +81,14 @@
     "react-pure-render": ">=1",
     "react-responsive": "^1.1.3",
     "tosource": ">=1"
+  },
+  "ava": {
+    "files": [
+      "src/**/__test__/**/*.js"
+    ],
+    "require": [
+      "babel-register",
+      "babel-polyfill"
+    ]
   }
 }

src/app/AllComponentsPreview.react.js

@@ -3,7 +3,7 @@ import Component from 'react-pure-render/component';
 import headingStyles from './styles/Headings';
 import {mediaQueries} from './styles/MediaQueries';
 import NotFound from './atoms/NotFound.react';
-import parseHighlightedMenu from '../helpers/parseHighlightedMenu';
+import parseHighlightedMenu from '../libraries/parseHighlightedMenu';
 import Radium from 'radium';
 import React, {PropTypes as RPT} from 'react';
 import ZoomContent from './atoms/ZoomContent.react';

src/app/Page.react.js

@@ -1,4 +1,4 @@
-import '../helpers/BluekitEvent';
+import '../libraries/BluekitEvent';
 import Content from './Content.react';
 import FontBold from './styles/FontBold';
 import MediaQuery from 'react-responsive';

src/app/Sidebar.react.js

@@ -1,5 +1,5 @@
 import Component from 'react-pure-render/component';
-import generateTree from '../helpers/generateTree';
+import generateTree from '../libraries/generateTree';
 import {mediaQueries} from './styles/MediaQueries';
 import MenuNode from './MenuNode.react';
 import NotFound from './atoms/NotFound.react';

src/app/atoms/AtomPreview.react.js

@@ -1,9 +1,9 @@
 import Component from 'react-pure-render/component';
-import extendComponentProps from '../../helpers/extendComponentProps';
-import filterFunctionProps from '../../helpers/filterFunctionProps';
+import extendComponentProps from '../../libraries/extendComponentProps';
+import filterFunctionProps from '../../libraries/filterFunctionProps';
 import Radium from 'radium';
 import React, {PropTypes as RPT} from 'react';
-import resolveComponent from '../../helpers/resolveComponent';
+import resolveComponent from '../../libraries/resolveComponent';
 
 @Radium
 export default class AtomPreview extends Component {

src/app/atoms/Input.react.js

@@ -14,6 +14,7 @@ export default class Input extends Component {
       'inputSearch'
     ]),
     onChange: RPT.func,
+    placeholder: RPT.string,
     type: RPT.string.isRequired,
     value: RPT.string.isRequired
   }
@@ -25,12 +26,13 @@ export default class Input extends Component {
   }
 
   render() {
-    const {inheritedStyles, key, kind, onChange, type, value} = this.props;
+    const {inheritedStyles, key, kind, onChange, placeholder, type, value} = this.props;
 
     return (
       <input
         key={key}
         onChange={onChange}
+        placeholder={placeholder}
         style={[
           styles.base,
           styles[kind],

src/app/component/Page.react.js

@@ -1,13 +1,13 @@
 import Component from 'react-pure-render/component';
 import PropsSidebar from './PropsSidebar.react';
 import Preview from './Preview.react';
-import extendProps from '../../helpers/extendProps';
-import extendComponentProps from '../../helpers/extendComponentProps';
+import extendProps from '../../libraries/extendProps';
+import extendComponentProps from '../../libraries/extendComponentProps';
 import {mediaQueries} from '../styles/MediaQueries';
 import Radium, {StyleRoot} from 'radium';
 import React, {PropTypes as RPT} from 'react';
 import ReactDOM from 'react-dom';
-import resolveComponent from '../../helpers/resolveComponent';
+import resolveComponent from '../../libraries/resolveComponent';
 import * as colors from '../styles/Colors';
 
 @Radium

src/app/component/SourceCode.react.js

@@ -6,7 +6,7 @@ import Icon from '../atoms/Icon.react';
 import {mediaQueries} from '../styles/MediaQueries';
 import Radium from 'radium';
 import React, {PropTypes as RPT} from 'react';
-import renderProp from '../../helpers/renderProp';
+import renderProp from '../../libraries/renderProp';
 import spaces from '../styles/Spaces';
 import * as colors from '../styles/Colors';
 

src/app/component/Variants.react.js

@@ -3,7 +3,7 @@ import Component from 'react-pure-render/component';
 import headingStyles from '../styles/Headings';
 import Radium from 'radium';
 import React, {PropTypes as RPT} from 'react';
-import renderProp from '../../helpers/renderProp';
+import renderProp from '../../libraries/renderProp';
 import SourceCode from './SourceCode.react';
 import styles from '../styles/Sources';
 

src/createBlueKit.js

@@ -1,7 +1,7 @@
-import buildProps from './helpers/buildProps';
+import buildProps from './libraries/buildProps';
 import fs from 'fs';
 import packagedGulp from 'gulp';
-import normalizePath from './helpers/normalizePath';
+import normalizePath from './libraries/normalizePath';
 import nunjucks from 'nunjucks';
 import path from 'path';
 import toSource from 'tosource';

src/libraries/__test__/buildProps.js

@@ -0,0 +1,40 @@
+import buildProps from '../buildProps';
+import test from 'ava';
+
+test('build props', t => {
+  const props = {
+    anyProp: {type: {name: 'any'}, required: false},
+    nodeProp: {type: {name: 'node'}, required: false},
+    stringPropDefault: {type: {name: 'string'}, required: true, defaultValue: {value: '\'text\'', computed: true}},
+    stringPropDefaultFalse: {type: {name: 'string'}, required: true, defaultValue: {value: '\'text\'', computed: false}},
+    stringProp: {type: {name: 'string'}, required: true},
+    boolProp: {type: {name: 'bool'}, required: false},
+    numberProp: {type: {name: 'number'}, required: false},
+    arrayProp: {type: {name: 'array'}, required: false},
+    objectProp: {type: {name: 'object'}, required: false},
+    funcProp: {type: {name: 'func'}, required: false},
+    enumProps: {type: {name: 'enum', value: 'asd'}, required: false},
+    shapeProps: {type: {name: 'shape', value: {deepValue: 'asd', Qww: 'qwert'}}, required: false},
+    arrayOfProp: {type: {name: 'arrayOf', value: {nextValue: 'asd', PPoo: 'pppp'}}, required: false},
+  }
+
+  const builtProps = buildProps(props, true)
+  const arrayOfProps = [
+    builtProps.arrayOfProp instanceof Array,
+    typeof builtProps.objectProp === 'object',
+    builtProps.nodeProp === 'NODE nodeProp',
+    typeof builtProps.funcProp === 'function',
+    typeof builtProps.numberProp === 'number' && builtProps.numberProp === 1,
+    builtProps.stringPropDefault === '\'text\'',
+    builtProps.boolProp === true || false,
+    typeof builtProps.enumProps === 'string',
+    typeof builtProps.shapeProps === 'object',
+    builtProps.anyProp === 'ANY anyProp',
+    builtProps.stringProp === 'stringProp',
+    builtProps.stringPropDefaultFalse === 'text',
+    builtProps.arrayProp instanceof Array
+  ]
+  const result = arrayOfProps.reduce((acc, prop) => acc && prop, true)
+
+  t.true(result)
+})

src/libraries/__test__/filterFunctionProps.js

@@ -0,0 +1,22 @@
+import filterFunctionProps from '../filterFunctionProps';
+import test from 'ava';
+
+test('filter function props', t => {
+  const props = {
+    width: 'full',
+    disabled: true,
+    size: 6,
+    onClick: () => 'Test function'
+  }
+  const filteredProps = filterFunctionProps(props)
+  const count = Object.keys(filteredProps).length
+  const functionPropName = Object.keys(filteredProps)
+    .reduce((acc, key) => {
+      if (typeof filteredProps[key] === 'function')
+        acc.push(key)
+      return acc;
+    }, [])
+    .indexOf('Test function') === -1
+
+  t.true(count === 3 && functionPropName)
+});

src/libraries/__test__/generateTree.js

@@ -0,0 +1,17 @@
+import generateTree from '../generateTree';
+import {Map} from 'immutable';
+import test from 'ava';
+
+test('generate components tree', t => {
+  const componentsIndex = Map({
+    ExampleFolderButton: Map({
+      menu: 'Example Folder Button',
+      name: 'ExampleFolderButton'
+    })
+  })
+  const tree = generateTree(componentsIndex)
+  const name = tree.getIn(['Example', 'Folder', 'Button'])
+  const isMap = tree ? Map.isMap(tree) : false
+  const result = isMap && name === 'ExampleFolderButton'
+  t.true(result)
+});

src/libraries/__test__/normalizePath.js

@@ -0,0 +1,14 @@
+import normalizePath from '../normalizePath';
+import test from 'ava';
+
+test('replace with \'\\\'', t => {
+  const text = '\\folder\\folder\\file.js'
+  const result = normalizePath(text, '\\')
+  t.true(result === '/folder/folder/file.js')
+});
+
+test('replace without \'\\\'', t => {
+  const text = 'folder/folder/file.js'
+  const result = normalizePath(text)
+  t.true(result === 'folder/folder/file.js')
+});

src/libraries/__test__/parseHighlightedMenu.js

@@ -0,0 +1,7 @@
+import parseHighlightedMenu from '../parseHighlightedMenu';
+import test from 'ava';
+
+test('parse highlighted', t => {
+  const result = parseHighlightedMenu('<bstyle=\"color:red\">Text</b>')
+  t.true(result === '<b style=\"color:red\">Text</b>')
+});

src/libraries/__test__/renderProp.js

@@ -0,0 +1,37 @@
+import renderProp from '../renderProp';
+import test from 'ava';
+
+test('passed func', t => {
+  const result = renderProp('key', 'func', 'value')
+  t.true(result === 'key={() => alert(\'INSERT YOUR key function\')}')
+});
+
+test('passed object', t => {
+  const result = renderProp('key', 'object', {object: 'objectKey'})
+  t.true(result === 'key={{\"object\":\"objectKey\"}}')
+});
+
+test('passed bool', t => {
+  const result = renderProp('key', 'bool', true)
+  t.true(result === 'key={true}')
+});
+
+test('passed element', t => {
+  const result = renderProp('key', 'element', 'value')
+  t.true(result === 'key={value}')
+});
+
+test('passed node', t => {
+  const result = renderProp('key', 'node', 'value')
+  t.true(result === 'key={value}')
+});
+
+test('passed number', t => {
+  const result = renderProp('key', 'number', 6)
+  t.true(result === 'key={6}')
+});
+
+test('passed everything else', t => {
+  const result = renderProp('key', 'number', 'value')
+  t.true(result === 'key=\"value\"')
+});

src/libraries/normalizePath.js

@@ -0,0 +1,8 @@
+import path from 'path';
+
+export default function normalizePath(str, separator = path.sep) {
+  if (separator === '\\') {
+    str = str.replace(/\\/g, '/');
+  }
+  return str;
+}