Tengo una página y se desplaza hacia abajo hasta cierto div cuando se carga la página. Mi implementación para eso es la siguiente.

 const creditCardDetails = useRef(null); useEffect(() => { creditCardDetails.current.scrollIntoView(); }, []); <div data-testid="credit-card-details-container" ref={creditCardDetails} style={{ height: '100px', backgroundColor: '#F6F6F6', }} > <span>***Test container***</span> </div>

Quiero escribir una prueba para esto. Hasta ahora he intentado algo como esto

 const scrollIntoViewMock = jest.fn(); window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock; it('should scroll down to card container', async () => { const { baseElement } = render( <Provider store={store}> <ThemeProvider theme={theme}> <Payment /> </ThemeProvider> </Provider>, ); expect(scrollIntoViewMock).toBeCalled(); });

Pero no ayuda a la cobertura del código, así que supongo que no se prueba correctamente. ¿Cómo pruebo si el desplazamiento ocurre cuando se carga la página? Gracias por adelantado.