Прокрутка в react, виртуализированный с помощью cypress

#javascript #automated-tests #cypress

#javascript #автоматизированные тесты #cypress

Вопрос:

Я столкнулся с некоторой проблемой с моими тестами cypress. Я пытаюсь прокрутить в поле зрения, чтобы определить конкретный элемент, но cypress мне не позволяет. Существует бесконечная прокрутка, реализованная с помощью react virtualized.

Я пытался прокручивать несколько элементов / view, также я пытался прокручивать непосредственно во все окно, но это не работает (например: cy.window().scrollTo(‘bottom’);)

Вот как выглядит мой DOM:

Я пробовал что-то похожее:

 cy.get('.ReactVirtualized__Grid__innerScrollContainer).contains('PlayerName').scrollIntoView();
or
cy.get('.ReactVirtualized__Grid__innerScrollContainer).scrollTo(0,500)  / scrollTo('bottom')
 

введите описание изображения здесь

У вас есть какие-либо идеи или есть кто-нибудь, кто сталкивался с подобной проблемой?
Я работаю над POC для нового проекта.

Комментарии:

1. Выдает ли это какую-либо ошибку? Вы пробовали {force: true} ?

2. с какой ошибкой вы сталкиваетесь при использовании cy.get('.ReactVirtualized__Grid__innerScrollContainer).contains('PlayerName').scrollIntoView() ?

3. Да, частично я решил проблему. Список загружается динамически, при прокрутке вниз (бесконечная прокрутка) загружаются следующие 20 игроков, затем следующие 20 игроков, но первые 20, загруженные первыми, исчезнут из DOM. Я вернусь к окончательному решению, как только мне удастся его завершить. Кроме того, @darkseid, хороший момент для форсирования. Спасибо

4. @Sebastian какое решение вы выбрали?