t.me/atinfo_chat Telegram группа по автоматизации тестирования

Поиск элементов в списке сформированном с помощью react

Теги: #<Tag:0x00007f9afc7b2408> #<Tag:0x00007f9afc7b22a0> #<Tag:0x00007f9afc7b2188>

Привет! Подскажите пожалуйста, есть drop-down реализованный на react, при его открытии в него подгружаются данные которые я не как не могу найти в соурсе страницы, чтобы получить их xpath. Как вы с такими элементами работаете?

почему вы не можете получить xpath? дропдаун пропадает, как только вы жмёте куда-либо?
вешайте дебаг на js

2 Симпатий

Поддерживаю. В chrome dev tools есть возможность поставить точку остановки при изменении структуры элемента:
На вкладке Elements, правая кнопка по элементу, Break on и дальше выбирать по контексту.
У вас, скорее всего, либо сам элемент выпадающего списка изменяется в DOM (туда добавляется загруженный список вариантов), либо где-то рядом. Скорее всего подойдет вариант ‘subtree modification’.
В любом случае, это можно словить, пробуйте.