Commit 7c98baf

authored

Merge pull request testing-library#381 from hemlok/pr/use-rerender-props-in-wrapper

feature/use rerender props in wrapper

2 parents e77aab8 + 5eaac2d commit 7c98bafCopy full SHA for 7c98baf

File tree

+34

-4

lines changed

+34

-4

lines changed

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -165,6 +165,15 @@`
`165`	`165`	`"contributions": [`
`166`	`166`	`"doc"`
`167`	`167`	`]`
	`168`	`+ },`
	`169`	`+ {`
	`170`	`+ "login": "hemlok",`
	`171`	`+ "name": "Adam Seckel",`
	`172`	`+ "avatar_url": "https://avatars2.githubusercontent.com/u/9043345?v=4",`
	`173`	`+ "profile": "https://github.com/hemlok",`
	`174`	`+ "contributions": [`
	`175`	`+ "code"`
	`176`	`+ ]`
`168`	`177`	`}`
`169`	`178`	`],`
`170`	`179`	`"commitConvention": "none"`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -161,6 +161,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d`
`161`	`161`	`<tr>`
`162`	`162`	`<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>`
`163`	`163`	`<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>`
	`164`	`+ <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>`
`164`	`165`	`</tr>`
`165`	`166`	`</table>`
`166`	`167`

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
@@ -46,12 +46,13 @@ The `renderHook` function accepts the following options as the second parameter:
`46`	`46`
`47`	`47`	### `initialProps`
`48`	`48`
`49`		-The initial values to pass as `props` to the `callback` function of `renderHook.
	`49`	+The initial values to pass as `props` to the `callback` function of `renderHook`.
`50`	`50`
`51`	`51`	### `wrapper`
`52`	`52`
`53`	`53`	`A React component to wrap the test component in when rendering. This is usually used to add context`
`54`		-providers from `React.createContext` for the hook to access with `useContext`.
	`54`	+providers from `React.createContext` for the hook to access with `useContext`. `initialProps` and
	`55`	+props subsequently set by `rerender` will be provided to the wrapper.
`55`	`56`
`56`	`57`	## `renderHook` Result
`57`	`58`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ function renderHook(callback, { initialProps, wrapper } = {}) {`
`58`	`58`	`const hookProps = { current: initialProps }`
`59`	`59`
`60`	`60`	`const wrapUiIfNeeded = (innerElement) =>`
`61`		`- wrapper ? React.createElement(wrapper, null, innerElement) : innerElement`
	`61`	`+ wrapper ? React.createElement(wrapper, hookProps.current, innerElement) : innerElement`
`62`	`62`
`63`	`63`	`const toRender = () =>`
`64`	`64`	`wrapUiIfNeeded(`

Lines changed: 20 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ describe('useContext tests', () => {`
`24`	`24`	`expect(result.current).toBe('bar')`
`25`	`25`	`})`
`26`	`26`
`27`		`- test('should update value in context', () => {`
	`27`	`+ test('should update mutated value in context', () => {`
`28`	`28`	`const TestContext = createContext('foo')`
`29`	`29`
`30`	`30`	`const value = { current: 'bar' }`
`@@ -41,4 +41,23 @@ describe('useContext tests', () => {`
`41`	`41`
`42`	`42`	`expect(result.current).toBe('baz')`
`43`	`43`	`})`
	`44`	`+`
	`45`	`+ test('should update value in context when props are updated', () => {`
	`46`	`+ const TestContext = createContext('foo')`
	`47`	`+`
	`48`	`+ const wrapper = ({ current, children }) => (`
	`49`	`+ <TestContext.Provider value={current}>{children}</TestContext.Provider>`
	`50`	`+ )`
	`51`	`+`
	`52`	`+ const { result, rerender } = renderHook(() => useContext(TestContext), {`
	`53`	`+ wrapper,`
	`54`	`+ initialProps: {`
	`55`	`+ current: 'bar'`
	`56`	`+ }`
	`57`	`+ })`
	`58`	`+`
	`59`	`+ rerender({ current: 'baz' })`
	`60`	`+`
	`61`	`+ expect(result.current).toBe('baz')`
	`62`	`+ })`
`44`	`63`	`})`

Comments

(0)