Update wrapper props with rerenderProps

Author: adamseckel

.all-contributorsrc

@@ -165,6 +165,15 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "hemlok",
+      "name": "Adam Seckel",
+      "avatar_url": "https://avatars2.githubusercontent.com/u/9043345?v=4",
+      "profile": "https://github.com/hemlok",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "commitConvention": "none"

README.md

@@ -161,6 +161,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
   <tr>
     <td align="center"><a href="http://frontstuff.io"><img src="https://avatars1.githubusercontent.com/u/5370675?v=4" width="100px;" alt=""/><br /><sub><b>Sarah Dayan</b></sub></a><br /><a href="#platform-sarahdayan" title="Packaging/porting to new platform">📦</a></td>
     <td align="center"><a href="https://github.com/102"><img src="https://avatars1.githubusercontent.com/u/5839225?v=4" width="100px;" alt=""/><br /><sub><b>Roman Gusev</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=102" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/hemlok"><img src="https://avatars2.githubusercontent.com/u/9043345?v=4" width="100px;" alt=""/><br /><sub><b>Adam Seckel</b></sub></a><br /><a href="https://github.com/testing-library/react-hooks-testing-library/commits?author=hemlok" title="Code">💻</a></td>
   </tr>
 </table>
 

src/pure.js

@@ -58,7 +58,7 @@ function renderHook(callback, { initialProps, wrapper } = {}) {
   const hookProps = { current: initialProps }
 
   const wrapUiIfNeeded = (innerElement) =>
-    wrapper ? React.createElement(wrapper, null, innerElement) : innerElement
+    wrapper ? React.createElement(wrapper, hookProps.current, innerElement) : innerElement
 
   const toRender = () =>
     wrapUiIfNeeded(

test/useContext.test.js

@@ -24,7 +24,7 @@ describe('useContext tests', () => {
     expect(result.current).toBe('bar')
   })
 
-  test('should update value in context', () => {
+  test('should update mutated value in context', () => {
     const TestContext = createContext('foo')
 
     const value = { current: 'bar' }
@@ -41,4 +41,23 @@ describe('useContext tests', () => {
 
     expect(result.current).toBe('baz')
   })
+
+  test('should update value in context when props are updated', () => {
+    const TestContext = createContext('foo')
+
+    const wrapper = ({ current, children }) => (
+      <TestContext.Provider value={current}>{children}</TestContext.Provider>
+    )
+
+    const { result, rerender } = renderHook(() => useContext(TestContext), {
+      wrapper,
+      initialProps: {
+        current: 'bar'
+      }
+    })
+
+    rerender({ current: 'baz' })
+
+    expect(result.current).toBe('baz')
+  })
 })