chore: add powerplug on tests

Author: pedronauck

package.json

@@ -46,6 +46,7 @@
     "npm-run-all": "^4.1.2",
     "prettier": "^1.11.1",
     "react-dom": "^16.3.0",
+    "react-powerplug": "^0.1.5",
     "ts-jest": "^22.4.2",
     "ts-node": "^5.0.1",
     "tslint": "^5.9.1",

src/index.test.tsx

@@ -1,54 +1,48 @@
 import * as React from 'react'
 import { shallow, mount } from 'enzyme'
+import { Value } from 'react-powerplug'
 
 import { adopt } from './'
 
 test('return one component with children props as function', () => {
-  const Foo = ({ children }) =>
-    children && typeof children === 'function' && children('foo')
-
   interface RenderProps {
-    foo: string
+    foo: { value: string }
   }
 
   const Composed = adopt<RenderProps>({
-    foo: <Foo />,
+    foo: <Value initial="foo" />,
   })
 
-  const result = mount(<Composed>{props => <div>{props.foo}</div>}</Composed>)
+  const result = mount(
+    <Composed>{({ foo }) => <div>{foo.value}</div>}</Composed>
+  )
   const { children } = result.props()
 
   expect(children).toBeDefined()
   expect(typeof children).toBe('function')
 })
 
 test('rendering children component', () => {
-  const Foo = ({ children, tor }) =>
-    children && typeof children === 'function' && children(tor + 'foo')
-
-  const Bar = ({ render, tor }) =>
-    render && typeof render === 'function' && render(tor + 'bar')
-
   interface RenderProps {
-    foo: 'foo'
-    bar: 'bar'
+    foo: { value: string }
+    bar: { value: string }
   }
 
   interface Props {
     tor: string
   }
 
   const Composed = adopt<RenderProps, Props>({
-    bar: ({ tor, render }) => <Bar tor={tor} render={render} />,
-    foo: ({ tor, render }) => <Foo tor={tor}>{render}</Foo>,
+    foo: ({ tor, render }) => <Value initial={tor + 'foo'}>{render}</Value>,
+    bar: ({ tor, render }) => <Value initial={tor + 'bar'}>{render}</Value>,
   })
 
   const result = shallow(
     <Composed tor="tor">
-      {props => (
+      {({ foo, bar }) => (
         <div>
-          <div>{props.foo}</div>
-          <div>{props.bar}</div>
+          <div>{foo.value}</div>
+          <div>{bar.value}</div>
         </div>
       )}
     </Composed>

yarn.lock

@@ -4234,6 +4234,10 @@ react-is@^16.3.0:
   version "16.3.0"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.3.0.tgz#f0e8bfd8c09b480dd610b8639d9ed65c13601224"
 
+react-powerplug@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.npmjs.org/react-powerplug/-/react-powerplug-0.1.5.tgz#f3dd7612c60efc55b6c7a2ddee284a8bcb6db783"
+
 react-reconciler@^0.7.0:
   version "0.7.0"
   resolved "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.7.0.tgz#9614894103e5f138deeeb5eabaf3ee80eb1d026d"