How to set initial state for useState Hook in jest and enzyme?

You can mock React.useState to return a different initial state in your tests:

// Cache original functionality
const realUseState = React.useState

// Stub the initial state
const stubInitialState = ['stub data']

// Mock useState before rendering your component
jest
  .spyOn(React, 'useState')
  .mockImplementationOnce(() => realUseState(stubInitialState))

Reference: https://dev.to/theactualgivens/testing-react-hook-state-changes-2oga

Related Contents:

  1. The useState set method is not reflecting a change immediately
  2. State not updating when using React state hook within setInterval
  3. How can I use multiple refs for an array of elements with hooks?
  4. React useEffect in depth / use of useEffect?
  5. Push method in React Hooks (useState)?
  6. Is useState synchronous? [duplicate]
  7. Invalid hook call. Hooks can only be called inside of the body of a function component
  8. Wrong React hooks behaviour with event listener
  9. React Hooks useState() with Object
  10. How to call loading function with React useEffect only once
  11. How can I use React hooks in React classic `class` component?
  12. React hooks – right way to clear timeouts and intervals
  13. Can I set state inside a useEffect hook
  14. How to use componentWillMount() in React Hooks?
  15. Updating and merging state object using React useState() hook
  16. Why is useState not triggering re-render?
  17. componentDidMount equivalent on a React function/Hooks component?
  18. react useEffect comparing objects
  19. How to register event with useEffect hooks?
  20. Is there a generic way to set state in React Hooks? How to manage multiple states?
  21. What is useState() in React?
  22. How do I update states `onChange` in an array of object in React Hooks
  23. How can I force a component to re-render with hooks in React?
  24. How to call an async function inside a UseEffect() in React?
  25. Where can I make API call with hooks in react?
  26. React useState hook event handler using initial state
  27. React Function Components with hooks vs Class Components
  28. Why need useRef and not mutable variable?
  29. Multiple calls to state updater from useState in component causes multiple re-renders
  30. React hooks: accessing up-to-date state from within a callback
  31. React – useState – why setTimeout function does not have latest state value?
  32. React useEffect causing: Can’t perform a React state update on an unmounted component
  33. Why React Hook useState uses const and not let
  34. React Hooks – What’s happening under the hood?
  35. Next.js context provider wrapping App component with page specific layout component giving undefined data
  36. How to prevent re-rendering of components that have not changed?
  37. Determine which dependency array variable caused useEffect hook to fire
  38. How to change the value of a Context with useContext?
  39. Simulate a button click in Jest
  40. useEffect does not listen for localStorage
  41. How to programmatically clear/reset React-Select?
  42. What does useCallback/useMemo do in React?
  43. React Hooks useState+useEffect+event gives stale state
  44. React Hooks render twice
  45. Do we still need functional setState way in react hooks?
  46. How does JavaScript mechanism behind react hooks work?
  47. useMemo vs. useEffect + useState
  48. Equivalent to componentDidUpdate using React hooks
  49. How can I use Jest to spy on a method call?
  50. Why can’t React Hooks be called inside loops or nested function?

Leave a Comment