Intento probar la obtención de datos en el desplazamiento en el componente de carga infinita. Estoy usando react-infinite-scroll-component y cypress.

Componente:

 <div data-testid="chat-messages" className="..." > <InfiniteScroll dataLength={MessagesComponents.length} next={loadMore} className="..." inverse hasMore={!isReachedEnd} loader={<Loader />} scrollableTarget="list-of-messages" > {MessagesComponents} </InfiniteScroll> </div>

Mi prueba:

 cy.intercept(...).as('loadingMore'); // Scroll to top cy.get('[data-testid="chat-messages"]') .children() .first() .children() .first() .scrollTo('top'); cy.wait('@loadingMore').then(() => {...});

Problema (en la consola de ciprés):

 Timed out retrying after 4000ms: cy.scrollTo() failed because this element is not scrollable: <div class="infinite-scroll-component" style="height: auto; overflow: auto;">...</div>

Por favor, para obtener ayuda.

Biblioteca de desplazamiento: enlace