test/index.js

import jsdom from 'jsdom';
import test from 'ava';
import React, { PropTypes } from 'react';
import { mount } from 'enzyme';
import indie, { get } from '../src/index.js';

(function init() {
  const doc = jsdom.jsdom('<!doctype html><html><body></body></html>');
  const win = doc.defaultView;
  global.document = doc;
  global.window = win;
}());

const MyComponent = (props) => (<div>{ props.someValue }</div>);
MyComponent.propTypes = {
  someValue: PropTypes.string,
};

test.cb('indie starts with initial data and then loads new data', t => {
  const propsConfig = {
    someValue: [
      'initial',
      'loaded',
    ],
  };
  const Indie = indie(MyComponent, propsConfig);
  const mounted = mount(<Indie />);
  t.is(mounted.html(), '<div>initial</div>', 'show initial data');
  setTimeout(() => {
    t.is(mounted.html(), '<div>loaded</div>', 'show loaded data');
    t.end();
  });
});

test.cb('indie handles server error', t => {
  const propsConfig = {
    someValue: [
      'initial',
      new Promise((resolve, reject) => {
        reject(new Error('Some server error'));
      }),
      'error',
    ],
  };
  const Indie = indie(MyComponent, propsConfig);
  const mounted = mount(<Indie />);
  setTimeout(() => {
    t.is(mounted.html(), '<div>error</div>', 'handle error');
    t.end();
  });
});

test.cb('indie handles server error and pass error in callback', t => {
  const propsConfig = {
    someValue: [
      'initial',
      new Promise((resolve, reject) => {
        reject(new Error('Some server error'));
      }),
      (err) => err.message,
    ],
  };
  const Indie = indie(MyComponent, propsConfig);
  const mounted = mount(<Indie />);
  setTimeout(() => {
    t.is(mounted.html(), '<div>Some server error</div>', 'pass error in callback');
    t.end();
  });
});

test.cb('indie handles onResolve', t => {
  const propsConfig = {
    someValue: [
      'initial',
      'loaded',
      null,
    ],
  };
  const onResolve = () => (props, component) => {component.setState({ someValue: 'resolved' });};
  const Indie = indie(MyComponent, propsConfig, onResolve);
  const mounted = mount(<Indie />);
  setTimeout(() => {
    t.is(mounted.html(), '<div>resolved</div>', 'Run onResolve function onResolve');
    t.end();
  });
});

test('indie `get` util deconstrucs promise result by a given key or object path', t => {
  const myPromise = Promise.resolve({ x: 1, y: { z: 2 } });
  return Promise.all([
    get(myPromise, 'x').then(res => t.is(res, 1), 'get data from key'),
    get(myPromise, 'y.z').then(res => t.is(res, 2, 'get data from nested path')),
  ]);
});