fix compose order & add tests

Author: renatorib

src/utils/compose.js

@@ -2,8 +2,6 @@ import * as React from 'react'
 import renderProps from './renderProps'
 
 const isElement = element => typeof element.type === 'function'
-const name = element =>
-  (isElement(element) ? element.type.name : element.name).toLowerCase()
 
 const compose = (...elements) => {
   return composedProps => {
@@ -31,7 +29,7 @@ const compose = (...elements) => {
       return elementFn(element, {}, renderFn)
     }
 
-    return stackProps(elements.length - 1, elements)
+    return stackProps(elements.length - 1, elements.reverse())
   }
 }
 

tests/components/Compose.test.js

@@ -3,7 +3,21 @@ import TestRenderer from 'react-test-renderer'
 import { Compose, Counter, Toggle } from '../../src'
 
 test('<Compose />', () => {
-  const renderFn = jest.fn().mockReturnValue(null)
+  let lastCallProps = null
+  const renderFn = (...props) => {
+    lastCallProps = props
+    return null
+  }
+
   TestRenderer.create(<Compose states={[Counter, Toggle]} render={renderFn} />)
-  // TODO
+
+  expect(lastCallProps[0].count).toBe(0)
+  expect(lastCallProps[1].on).toBe(false)
+
+  lastCallProps[0].inc()
+  lastCallProps[0].incBy(3)
+  lastCallProps[1].toggle()
+
+  expect(lastCallProps[0].count).toBe(4)
+  expect(lastCallProps[1].on).toBe(true)
 })