test(showasync): increased test coverage

Author: csvenke

src/components/List/List.test.tsx renamed to src/components/List/index.test.tsx

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import * as React from 'react';
 
-import List from './List';
+import List from './';
 
 describe('with render', () => {
   const input = [1, 2, 3];

src/components/List/index.ts

@@ -0,0 +1 @@
+export { default } from './List';

src/components/Show/Show.test.tsx renamed to src/components/Show/index.test.tsx

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import * as React from 'react';
 
-import Show from './Show';
+import Show from './';
 
 const input = <div>render me</div>;
 const output = '<div>render me</div>';

src/components/Show/index.ts

@@ -0,0 +1 @@
+export { default } from './Show';

src/components/ShowAsync/ShowAsync.test.tsx

@@ -74,28 +74,22 @@ export class ShowAsync extends React.Component<IShowAsyncProps, IShowAsyncState>
 
     switch (status) {
       case statusTypes.pending:
-        if (pending) {
-          return pending();
-        }
-        break;
+        return pending ? pending() : null;
+
       case statusTypes.resolved:
         if (children && typeof children === 'function') {
           return children(value);
         }
         if (render) {
           return render(value);
         }
-        break;
+        return null;
+
       case statusTypes.rejected:
-        if (rejected) {
-          return rejected(value);
-        }
-        break;
+        return rejected ? rejected(value) : null;
       default:
-        break;
+        return null;
     }
-
-    return null;
   }
 
   // Promise resolver function

src/components/ShowAsync/ShowAsync.tsx

@@ -0,0 +1,127 @@
+import { mount } from 'enzyme';
+import * as React from 'react';
+
+import ShowAsync from './';
+
+const timeout = 100;
+
+const resolvable = resolved =>
+  new Promise(resolve => {
+    setTimeout(() => {
+      resolve(resolved);
+    }, timeout);
+  });
+
+const rejectable = rejected =>
+  new Promise((_, reject) => {
+    setTimeout(() => {
+      reject(rejected);
+    }, timeout);
+  });
+
+const getPromiseStatus = wrapper => wrapper.state('status');
+
+describe('resolve', () => {
+  test('no pending, resolve, reject', () => {
+    const wrapper = mount(<ShowAsync when={resolvable('resolved')} />);
+    expect(wrapper.html()).toEqual(null);
+  });
+
+  test('pending', () => {
+    const pending = () => <p>horse</p>;
+    const result = '<p>horse</p>';
+    const wrapper = mount(<ShowAsync when={resolvable('resolved')} pending={pending} />);
+    expect(wrapper.html()).toEqual(result);
+  });
+
+  test('resolve with render', done => {
+    const resolved = value => <p>{value}</p>;
+    const result = '<p>resolved</p>';
+    const wrapper = mount(<ShowAsync when={resolvable('resolved')} render={resolved} />);
+    setTimeout(() => {
+      expect(wrapper.html()).toEqual(result);
+      done();
+    }, timeout + 50);
+  });
+
+  test('resolve with children', done => {
+    const result = '<p>resolved</p>';
+    const wrapper = mount(
+      <ShowAsync when={resolvable('resolved')}>{value => <p>{value}</p>}</ShowAsync>,
+    );
+    setTimeout(() => {
+      expect(wrapper.html()).toEqual(result);
+      done();
+    }, timeout + 50);
+  });
+
+  test('resolve', done => {
+    const rejected = value => <p>{value}</p>;
+    const result = '<p>rejected</p>';
+    const wrapper = mount(
+      <ShowAsync when={rejectable('rejected')} rejected={rejected} />,
+    );
+    setTimeout(() => {
+      expect(wrapper.html()).toEqual(result);
+      done();
+    }, timeout + 50);
+  });
+
+  test('lifecycle', () => {
+    const element = (
+      <ShowAsync
+        when={resolvable('result')}
+        pending={() => <div>pending</div>}
+        rejected={() => <div>rejected</div>}
+      >
+        {value => <div>{value}</div>}
+      </ShowAsync>
+    );
+    const wrapper = mount(element);
+
+    if (getPromiseStatus(wrapper) === 'pending') {
+      expect(wrapper.html()).toEqual('<div>pending</div>');
+    }
+
+    if (getPromiseStatus(wrapper) === 'resolved') {
+      expect(wrapper.html()).toEqual('<div>result</div>');
+    }
+
+    wrapper.setProps({ when: rejectable('rejected') });
+
+    if (getPromiseStatus(wrapper) === 'pending') {
+      expect(wrapper.html()).toEqual('<div>pending</div>');
+    }
+
+    if (getPromiseStatus(wrapper) === 'rejected') {
+      expect(wrapper.html()).toEqual('<div>rejected</div>');
+    }
+
+    wrapper.unmount();
+
+    expect(wrapper.html()).toEqual(null);
+
+    wrapper.mount();
+
+    wrapper.setProps({ when: rejectable('rejected'), rejected: undefined });
+    if (getPromiseStatus(wrapper) === 'rejected') {
+      expect(wrapper.html()).toEqual(null);
+    }
+
+    wrapper.setProps({
+      when: resolvable('result'),
+      render: undefined,
+      children: undefined,
+    });
+    if (getPromiseStatus(wrapper) === 'resolved') {
+      expect(wrapper.html()).toEqual(null);
+    }
+
+    wrapper.unmount();
+    wrapper.mount();
+    wrapper.setProps({ pending: undefined });
+    if (getPromiseStatus(wrapper) === 'pending') {
+      expect(wrapper.html()).toEqual(null);
+    }
+  });
+});

src/components/ShowAsync/index.test.tsx

@@ -0,0 +1 @@
+export { default } from './ShowAsync';

src/components/ShowAsync/index.ts

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import * as React from 'react';
 
-import Switch from './Switch';
+import Switch from './';
 
 const createElement = (value, values, withDefault = true) => (
   <Switch value={value}>