expose act from update to be wrapped in

Author: mpeyper

README.md

@@ -61,10 +61,10 @@ const ThemesContext = createContext(themes)
 const useTheme = (initialTheme) => {
   const themes = useContext(ThemesContext)
   const [theme, setTheme] = useState(initialTheme)
-  const changeTheme = () => {
+  const toggleTheme = () => {
     setTheme(theme === 'light' ? 'dark' : 'light')
   }
-  return useMemo(() => ({ ...themes[theme], changeTheme }), [theme])
+  return useMemo(() => ({ ...themes[theme], toggleTheme }), [theme])
 }
 
 // useTheme.test.js
@@ -83,11 +83,11 @@ describe('custom hook tests', () => {
   })
 
   test('should update theme', () => {
-    const { getCurrentValue } = useHook(() => useTheme('light'))
+    const { getCurrentValue, act } = useHook(() => useTheme('light'))
 
-    const { changeTheme } = getCurrentValue()
+    const { toggleTheme } = getCurrentValue()
 
-    changeTheme()
+    act(() => toggleTheme())
 
     const theme = getCurrentValue()
 
@@ -122,7 +122,7 @@ npm install react-hooks-testing-library
 ## Usage
 
 ```js
-// TODO: write this
+// TODO: write this - see Example above for now
 ```
 
 ## Contributors

src/index.js

@@ -63,7 +63,8 @@ export const useHook = (hook, ...props) => {
     getCurrentValues: getCurrentValue,
     flushEffects,
     setProps,
-    addContextProvider
+    addContextProvider,
+    act
   }
 }
 

test/customHook.test.js

@@ -31,11 +31,11 @@ describe('custom hook tests', () => {
   })
 
   test('should update theme using custom hook', () => {
-    const { getCurrentValue } = useHook(() => useTheme('light'))
+    const { getCurrentValue, act } = useHook(() => useTheme('light'))
 
     const { changeTheme } = getCurrentValue()
 
-    changeTheme()
+    act(() => changeTheme())
 
     const theme = getCurrentValue()
 

test/setState.test.js

@@ -13,11 +13,11 @@ describe('useState tests', () => {
   })
 
   test('should update setState value using setter', () => {
-    const { getCurrentValues } = useHook(() => useState('foo'))
+    const { getCurrentValues, act } = useHook(() => useState('foo'))
 
     const [_, setValue] = getCurrentValues()
 
-    setValue('bar')
+    act(() => setValue('bar'))
 
     const [value] = getCurrentValues()
 

test/useReducer.test.js

@@ -6,13 +6,13 @@ describe('useReducer tests', () => {
 
   test('should handle useReducer hook', () => {
     const reducer = (state, action) => (action.type === 'inc' ? state + 1 : state)
-    const { getCurrentValues } = useHook(() => useReducer(reducer, 0))
+    const { getCurrentValues, act } = useHook(() => useReducer(reducer, 0))
 
     const [initialState, dispatch] = getCurrentValues()
 
     expect(initialState).toBe(0)
 
-    dispatch({ type: 'inc' })
+    act(() => dispatch({ type: 'inc' }))
 
     const [state] = getCurrentValues()