Skip to content

Commit 482ee46

Browse files
committed
Update docs
1 parent b94af2b commit 482ee46

File tree

1 file changed

+20
-4
lines changed

1 file changed

+20
-4
lines changed

docs/usage/advanced-hooks.md

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,19 +40,35 @@ import { renderHook, act } from '@testing-library/react-hooks'
4040
import { CounterStepProvider, useCounter } from './counter'
4141

4242
test('should use custom step when incrementing', () => {
43-
const wrapper = ({ children }) => <CounterStepProvider step={2}>{children}</CounterStepProvider>
44-
const { result } = renderHook(() => useCounter(), { wrapper })
43+
const wrapper = ({ children, step }) => (
44+
<CounterStepProvider step={step}>{children}</CounterStepProvider>
45+
)
46+
const { result, rerender } = renderHook(() => useCounter(), {
47+
wrapper,
48+
initialProps: {
49+
step: 2
50+
}
51+
})
4552

4653
act(() => {
4754
result.current.increment()
4855
})
4956

5057
expect(result.current.count).toBe(2)
58+
59+
rerender({ step: -2 })
60+
61+
act(() => {
62+
result.current.increment()
63+
})
64+
65+
expect(result.current.count).toBe(0)
5166
})
5267
```
5368

54-
The `wrapper` option will accept any React component, but it **must** render `children` in order for
55-
the test component to render and the hook to execute.
69+
The `wrapper` option will accept any React component and access the `initialProps` option and new
70+
props from `rerender` method as its properties, but it **must** render `children` in order for the
71+
test component to render and the hook to execute.
5672

5773
### ESLint Warning
5874

0 commit comments

Comments
 (0)