¿Cómo realizar una prueba unitaria de los ganchos de reacción mediante el montaje superficial de los componentes funcionales de React?

Sí, puedes, pero necesitarás usar espías . Por ejemplo, si está usando jest, puede usar jest.spyOn con mockImplementationOnce () , también debería funcionar con otras spyingbibliotecas.

Ejemplo de uso:

describe("React useEffect", () => {
  let useEffect, wrapper

  let mockUseEffect = () => {
    useEffect.mockImplementationOnce(f => f())
  }

  beforeEach(() => {
    useEffect = jest.spyOn(React, "useEffect")

    mockUseEffect()
    wrapper = shallow(<SomeComponent />)
  })

  it("your test", () => {
     // using wrapper
  })
}

Aquí hay un bonito artículo detallado de "Will Ockelmann-Wagner" y agregué un ejemplo de trabajo de codeSandbox .

Aunque funciona, te animo a que no uses shallowrenderizado y empieces a usar react-testing-library(llamado @ testing-library / react hoy en día). Es una solución de prueba ligera y bien documentada, y yo diría que es la prueba "más cercana" que puedes llegar a escenarios del mundo real. Viene ya con CRA por defecto.

Aquí hay un ejemplo básico de codeSandbox y aquí hay más ejemplos de React Docs.

Además, aquí hay un gran video de Kent C. Dodds que aborda las diferencias entre el shallowrenderizado y el renderenfoque de la biblioteca de pruebas de reacción.