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

by

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

More Related Contents:

  1. State not updating when using React state hook within setInterval
  2. Make React useEffect hook not run on initial render
  3. Push method in React Hooks (useState)?
  4. Wrong React hooks behaviour with event listener
  5. How to call loading function with React useEffect only once
  6. How to use componentWillMount() in React Hooks?
  7. Is it possible to share states between components using the useState() hook in React?
  8. Updating and merging state object using React useState() hook
  9. componentDidMount equivalent on a React function/Hooks component?
  10. react useEffect comparing objects
  11. React useState hook event handler using initial state
  12. How do I update states `onChange` in an array of object in React Hooks
  13. useEffect does not listen for localStorage
  14. setTimeout for this.state vs useState
  15. How can I use Jest to spy on a method call?
  16. How does JavaScript mechanism behind react hooks work?
  17. What is useState() in React?
  18. Why need useRef and not mutable variable?
  19. React – useState – why setTimeout function does not have latest state value?
  20. Determine which dependency array variable caused useEffect hook to fire
  21. What does useCallback/useMemo do in React?
  22. Updating state to the same state directly in the component body
  23. Do we still need functional setState way in react hooks?
  24. Proper way of using React hooks + WebSockets
  25. React hook useEffect runs continuously forever/infinite loop
  26. Equivalent to componentDidUpdate using React hooks
  27. Jest spyOn function called
  28. Updating state to the same value directly in the component body during render causes infinite loop
  29. React Hooks render twice
  30. Enzyme simulate an onChange event

Leave a Comment