pass down className prop to card containers

HBM · Feb 13, 2017 · 834ba30 · 834ba30
1 parent 565e267
commit 834ba30
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/js/card/index.js b/src/js/card/index.js
@@ -3,9 +3,10 @@
  */
 
 import React from 'react'
+import classNames from 'classnames'
 
-const container = (className) => ({children}) => (
-  <div className={className}>
+const container = (name) => ({children, className}) => (
+  <div className={classNames(name, className)}>
     {children}
   </div>
 )

diff --git a/src/js/card/test/test.js b/src/js/card/test/test.js
@@ -15,4 +15,9 @@ describe('Card', () => {
     const wrapper = shallow(<Title>some title</Title>)
     assert.equal(wrapper.find('.Card-title').text(), 'some title')
   })
+
+  it('should pass down className prop', () => {
+    const wrapper = shallow(<Card className='foo' />)
+    assert.equal(wrapper.find('.Card.foo').length, 1)
+  })
 })