fix(defaultProps): Get defaultProps from the wrapped component; Add t…

…ests

Previous commit added support for defaultProps coming into stateless components.  This adds the same
for class-based components.  Adds test for each case.

src/__specs__/styleable.spec.js

@@ -11,9 +11,12 @@ const css = {
 function mkFixture(css) {
   @styleable(css)
   class Subject extends React.Component {
+    static defaultProps = {
+      aDefault: 'still here'
+    };
     render() {
       return (
-        <div className={this.props.css.content} ref="content">Content</div>
+        <div className={this.props.css.content} ref="content">Content {this.props.aDefault}</div>
       )
     }
   }
@@ -23,7 +26,10 @@ function mkFixture(css) {
 
 function mkFunctionFixture(css) {
   function subject(props) {
-    return <div className={props.css.content}>Content</div>
+    return <div className={props.css.content}>Content {props.aDefault}</div>
+  }
+  subject.defaultProps = {
+    aDefault: 'still here'
   }
 
   return styleable(css)(subject)
@@ -96,6 +102,12 @@ describe('styleable', () => {
     component.props.css.content.should.eql(newHash )
   })
 
+  it('lets defaultProps pass through', () => {
+    const Subject = mkFixture()
+    const component = TestUtils.renderIntoDocument(<Subject />)
+    component.props.aDefault.should.eql('still here')
+  })
+
   describe('with stateless functions', () => {
 
     it('makes the css prop available', () => {
@@ -114,6 +126,12 @@ describe('styleable', () => {
       ReactDOM.findDOMNode(component).children[0].className.should.eql(newHash)
     })
 
+    it('lets defaultProps pass through', () => {
+      const Subject = mkFunctionFixture()
+      const component = TestUtils.renderIntoDocument(<div><Subject /></div>)
+      ReactDOM.findDOMNode(component).children[0].textContent.should.eql('Content still here')
+    })
+
   })
 
-})
+})

src/styleable.js

@@ -53,6 +53,7 @@ export default function styleable(stylesheet) {
       return class Styleable extends React.Component {
         static displayName = `Styleable(${getDisplayName(DecoratedComponent)})`;
         static defaultProps = {
+          ...DecoratedComponent.defaultProps,
           css: {}
         };
         static propTypes = {