Playwright, Selenium, etc. ?- про специфику работы данных инструментов

инструменты playwright
, , , ,
#1

Делаю тест:

  1. Зайти на страничку
  2. Нажать на кнопку сортировки и выбрать “По новизне”
  3. Сделать паузу (3-5 сек)
  4. Забрать комментарии в массив

Проблема в том, что когда захожу на страницу, кнопка сортировки выставлена “По умолчанию”.
Когда выбираю “По новизне”, делаю паузу и забираю комментарии, то, забираются комментарии, как будто кнопка выставлена “По умолчанию” и в массив заходят именно в этой последовательности, а нужно, чтобы по новизне были отсортированы. Проблема как я понимаю в DOM-дереве и Playwright, Selenium видят “старую” версию DOM’а, потому что данные подгрузились динамически.

Как правильно обрабатывать такие моменты? Как заставить Playwright и Selenium видеть измененную структуру HTML?

#2

Может покажете, как вы это реализовали?
В случае с Playwright, есть прекрасная функция генерации тестов. Попробуйте составить тест с её помощью и проверить, сработает ли. Если сработает– ошибка в вашей реализации теста.

#3

Крайне плохой вариант через паузу.
Скорее всего, проблема тут. Не исключено, что тест просто не успевает дождаться изменения.
Вам нужно вместо паузы ждать значение хедера таблицы, показывающего правильную сортировку + наличие отображённых коментов.
Попробуйте следующий фокус:

  1. Поставьте бряк перед считыванием коментов.
  2. Запустите тест локально.
  3. Дождитесь, когда коменты в браузере отсортируются.
  4. Проверьте, в какой последовательности они считываются в тесте.

Если в таком режиме всё работает - значит, моя теория насчёт паузы верна.
Если нет - Вам необходимо будет инициализировать WebElement по локатору перед считыванием коментов, а не во время загрузки страницы. Это, скорее всего, поможет убрать проблему старых данных в элементе.

#4

@Defender прав. тут скорее всего нет проблемы с инструментом - проблема в реализации. Явные ожидания - очень плохо. Ждите чего-то более внятного- ответа с сервера, изменения заголовка таблицы.
Ради интереса глянул как это у меня реализовано в проекте - у меня фронт после всех ответов с бэкенда в финале прописывает сортировку в URL. Это для меня оказалось самым простым перехватить. На скрине ниже кусук кода Cypress, но сути дела это не меняет:
image