Merge pull request #139 from appfolio/updateProgress

gt - Update Progress with default props,  story, tests

src/components/Progress.js

@@ -0,0 +1,8 @@
+import { Progress } from 'reactstrap';
+
+Progress.defaultProps = {
+  ...Progress.defaultProps,
+  animated: true
+};
+
+export default Progress;

src/index.js

@@ -55,7 +55,6 @@ import {
   Popover,
   PopoverContent,
   PopoverTitle,
-  Progress,
   Row,
   TabContent,
   TabPane,
@@ -79,6 +78,7 @@ import HelpBubble from './components/HelpBubble.js';
 import Icon from './components/Icon.js';
 import Paginator from './components/Paginator';
 import PatternInput from './components/PatternInput.js';
+import Progress from './components/Progress.js';
 import Select from './components/Select.js';
 import Spinner from './components/Spinner.js';
 import Steps from './components/Steps.js';
@@ -146,7 +146,6 @@ export {
   Popover,
   PopoverContent,
   PopoverTitle,
-  Progress,
   Row,
   TabContent,
   TabPane,
@@ -171,6 +170,7 @@ export {
   HelpBubble,
   Icon,
   PatternInput,
+  Progress,
   Spinner,
   Steps,
   SummaryBox,

stories/Progress.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { storiesOf } from '@kadira/storybook';
+import { number, select } from '@kadira/storybook-addon-knobs';
+
+import { Progress } from '../src';
+
+storiesOf('Progress', module)
+  .addWithInfo('Live example', () => (
+    <Progress
+      color={select('color', ['info', 'success', 'warning', 'danger'], 'info')}
+      value={number('value', 50, {
+        range: true,
+        min: 0,
+        max: 100,
+        step: 1,
+      })}
+    />
+  ));

stories/index.js

@@ -7,6 +7,7 @@ import './Icon';
 import './Alerts';
 import './HelpBubble';
 import './Modal';
+import './Progress';
 import './Table';
 import './Tooltip';
 

test/components/Progress.spec.js

@@ -0,0 +1,21 @@
+/* eslint-env mocha */
+
+import 'jsdom-global/register';
+import React from 'react';
+import assert from 'assert';
+import { mount } from 'enzyme';
+
+import { Progress } from '../../src';
+
+describe('<Progress />', () => {
+  it('should render correctly', () => {
+    const component = mount(<Progress />);
+    assert(component);
+  });
+
+  it('should render with the correct default props', () => {
+    const component = mount(<Progress />);
+    const props = component.props();
+    assert.equal(props.animated, true);
+  });
+});