Как определить элемент TextInputbox с помощью selenium?

Question

[kelwin27]

При написании кода у меня возникла проблема с определением элементов на странице заполнения формы.
Статической привязки на данном элементе я не нашел( ближайший элемент имеющий статический ID на скриншоте есть). При обращении по Xpath

text = driver.find_element(By.XPATH, "(//input[@class='Textinput-Control'])[1]")

выдает ошибку:
Message: no such element: Unable to locate element: {"method":"xpath","selector":"(//input[@class='Textinput-Control'])[1]"}
Долее попробовал воспользоваться скриптом:

javaScript = "document.getElementsByClassName('Textinput-Control')[1].value = 'Нашел' "
driver.execute_script(javaScript)

Однако данный вариант выдает ошибку:
"Message: javascript error: Cannot set properties of undefined (setting 'value')".
Насколько я могу судить, исходя из своих скудных знаний, я неправильно определяю данный элемент.
Сам вопрос:
Подскажите пожалуйста способ для определения данного элемента и, если не трудно, направление, где можно почитать про определение подобных элементов страницы.

Comments

[Модератор]

Скриншоты текста запрещены. Публикуйте код, traceback, вывод программ текстом.
Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

Answer 1

[Владимир Василенко]

Вы пытаетесь найти элемент учитывая его порядок на странице, этот способ имеет недостаток, если вдруг в будущем порядок элементов на странице поменяется, то локатор вернет неверный результат. Лучше воспользоваться тем, что input был обернут в div с классом qa-NameField, из названия можно предположить, что он был добавлен разработчиками по просьбе тестировщика, не пропадет и не изменится в случае дальнейшей доработки формы.

Пример такого локатора выглядит как-то так
//div[contains(@class, "qa-NameField")]//input

Comments

[kelwin27]

Заранее извиняюсь если некорректно составил свой вопрос. К сожалению, моя проблема состоит в том, что мое обращение не находит сам элемент.
Используя обращение:

text = driver.find_element(By.XPATH, '//div[contains(@class, "qa-NameField")]//input')
print('нашел')
text.send_keys('нашел')

или

WebDriverWait(driver, 20).until(
        EC.text_to_be_present_in_element(
            (By.XPATH, '//div[contains(@class, "qa-NameField")]//input'),'Complete!'))

Его результатом становится:
Message: no such element: Unable to locate element: {"method":"xpath","selector":"//div[contains(@class, "qa-NameField")]//input"}
При этом принт не срабатывает, т.е. проблема в локации элемента.
При нахождении кнопок мне удалось решить проблему, кнопка находится и нажимается. хотя явных локаторов вида "ID" или "name" нет. Но мое решение для кнопок, к сожалению, для данного элемента не работает. Подскажите, возможно, необходимо иное обращение к данному элементу?

[Владимир Василенко]

kelwin27, советую сначала проверить локатор в браузере через Dev Tools, если элемент правильно находится в браузере (что очень вероятно), то проблема не в локаторе.
Если в Dev Tools локатор правильно работает, а при запуске теста возникает ошибка, то можете попробовать на время заменить задержку через Expected Conditions на задержку через банальный time.sleep, это может помочь вам разобраться, что происходит в тесте.

[kelwin27]

Именно через Dev Tools я и находил локаторы (поиск в поле после нажатия ctrl + F), поскольку своих знаний для правильного написания у меня практически нет.

WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.XPATH,"(//button[@data-test-id='button'])[2]"))).click()
    driver.refresh()
    time.sleep(10)

    # javaScript = "document.getElementsByClassName('Textinput-Control')[1].value = 'Нашел' "
    # driver.execute_script(javaScript)

    text = driver.find_element(By.XPATH, '//div[contains(@class, "qa-NameField")]//input')
    print('нашел')
    text.send_keys('нашел')

После нахождения кнопки и ее нажатия( знаю, не самый элегантный метод, но мне сейчас не до красоты) я оставил обновление экрана и ожидание в надежде, что элемент не успевает загрузиться. Так же пробовал обращаться к искомому элементу через WebDriverWait(driver, 20).until() так же, чтобы убедиться что элемент успевает загрузиться. Поверьте, если бы я мог разобраться сам, я бы не пришел к сообществу с просьбой о помощи. Чтение десятков статей на stackoverflow, где все сводится к банальному ID или лоцируемому Xpath а так же просмотр минимум десятка роликов на ютуб где нет даже намека на мою проблему меня честно говоря напрягла. Я понимаю что вероятно упускаю что-то важное, но сам решить эту проблему просто не в состоянии....
Хочу поблагодарить Вас за то что уделили время моей проблеме, очень не хочу показаться неблагодарным, поверьте я это очень ценю!

[Владимир Василенко]

kelwin27, а что именно вы пытаетесь сделать?
В коде выше вы
1. Нажимаете на кнопку
2. Обновляете страницу (я не знаю вашу задачу, но выглядит странно)
3. Ищите форму для ввода
4. Вводите текст в форму ввода

Я только предполагаю, что вы хотели сделать что-то такое

time.sleep(10)
button = driver.find_element_by_xpath('//button[@data-test-id="button"])[2]')
print('нашли кнопку')
button.click()
print('кликнули по кнопке')
time.sleep(10)
input = driver.find_element_by_xpath('//div[contains(@class, "qa-NameField")]//input')
print('нашли поле ввода')
input.send_keys('нашел')
print('отправили текст в поле ввода')

Потом уже, когда у вас простой вариант скрипта будет работать, нужно избавляться от sleep, будет что-то похожее на такой код (не запускал, но надеюсь без опечаток)

# Реализуем функции с ожиданием по умолчанию

def my_find(locator, timeout=1, retry=20) -> WebElement:
    for i in range(retry):
        try:
            return WebDriverWait(driver, timeout).until(EC.element_to_be_clickable(locator))
        except Exception:
            if i == retry - 1:
                return driver.find_element(*locator)

def my_click(locator, timeout=1, retry=20):
    for i in range(retry):
        try:
            element = my_find(locator, timeout=timeout)
            element.click()
            return
        except Exception:
            if i == retry - 1:
                pass

def my_send_keys(locator, keys, timeout=1, retry=20):
    elem = my_find(locator, timeout=timeout, retry=retry)
    elem.clear()
    elem.send_keys(keys)

#Перепишем скрипт с этими функциями

button_locator = (By.XPATH, '//button[@data-test-id="button"])[2]')
my_click(button_locator)

input_locator = (By.XPATH, '//div[contains(@class, "qa-NameField")]//input')
my_send_keys(input_locator, 'нашел')

Получившийся скрипт можно и дальше улучшать, для этого смотрите на паттерн Page Object.

[kelwin27]

Я пытаюсь ввести данные в поле формы. На этапе поиска формы, я ее не нахожу кодом на странице, хотя локация элемента по xpath через Dev Tools проходит успешно. Приведенный Вами фрагмент кода как и мой не работает на 3 этапе описанного Вами плана. Именно на 3 этапе мой код ничего не находит и пишет что такого элемента на странице нет. Приведенный мною код показывает что поиском по xpath кнопка находится и нажимается вполне успешно. А поле для ввода текста не находится и выбивает с ошибкой. То есть этап приведенного Вами скрипта даст сбой на этапе

input_locator = (By.XPATH, '//div[contains(@class, "qa-NameField")]//input')

и выведет :Message: no such element: Unable to locate element: {"method":"xpath","selector":"//div[contains(@class, "qa-NameField")]//input"}. Про обновление страницы, подсмотрел в одном из ютуб примеров. Позволяет исключить возможные проблемы при обновлении страницы после действий пользователя(ввод логина и пароля, переход на другую страницу и т.д.). Это скорее заплатка на этапе отладки чем рабочий элемент.

[Владимир Василенко]

kelwin27, значит в момент выполнения кода, элемента с таким локатором нет.
Когда вы смотрите локатор в браузере вы делаете какие-то действия, которые не делаете в скрипте.

[Владимир Василенко]

И ещё, я копировал себе ваш локатор, а теперь вижу, что он не правильный, там лишняя скобка.
//button[@data-test-id="button"])[2] а нужно //button[@data-test-id="button"][2]

[kelwin27]

Проверил любезно приведенный Вами код. Единственное что внес от себя, обернул скрипт с функциями в "try, except" иначе переписывание затруднялось. Как итог Ваш вариант не нажимал на кнопку. Почему жмет мой, не знаю. Возможно Вам будет проще понять мою проблему увидев ее самостоятельно, чем писать код с нуля?

import os
import time
import pickle

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

os.environ['PATH'] += r"C:/SeleniumDrivers"
driver = webdriver.Chrome()
driver.get("https://telemost.yandex.ru/")
driver.implicitly_wait(5)
try:
    WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@data-test-id='login-button']"))).click()
    username_input = driver.find_element(By.ID,'passp-field-login')
    username_input.send_keys(input("Введите логин: "))
    time.sleep(5)
    username_but = driver.find_element(By.ID, 'passp:sign-in').click()

    pass_input = driver.find_element(By.ID, 'passp-field-passwd')
    pass_input.send_keys(input("Введите пароль: "))
    time.sleep(5)
    pass_but = driver.find_element(By.ID, 'passp:sign-in').click()
    time.sleep(10)

    '''cookies input'''
    # pickle.dump(driver.get_cookies(), open('cookies', 'wb'))
    # time.sleep(10)
    '''cookies output'''
    # for cookies in pickle.load(open('cookies', 'rb')):
    #     driver.add_cookie(cookies)
    # time.sleep(8)
    # driver.refresh()

    WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.XPATH,"(//button[@data-test-id='button'])[2]"))).click()
    driver.refresh()
    time.sleep(10)

    # javaScript = "document.getElementsByClassName('Textinput-Control')[1].value = 'Нашел' "
    # driver.execute_script(javaScript)

    text = driver.find_element(By.XPATH, '//div[contains(@class, "qa-NameField")]//input')
    print('нашел')
    text.send_keys('нашел')

except Exception as error:
    print(error)
finally:
    driver.close()
    driver.quit()

[kelwin27]

oborowsky, Скобка действительно была лишней. Хоть работало и с ней, но я исправил это замечание. Мне казалось что иначе не будет искать по номеру элемента. Сказывается отсутствие опыта...

[kelwin27]

oborowsky, Навожу на него мышку. В этот момент меняется имя 1 из классов(имеет 3 состояния), но привязки в Xpath вроде бы к нему нет, мне так кажется. Более изменений не находил.
class="Textinput Textinput_size_m Textinput_view_default"
class="Textinput Textinput_focused Textinput_hovered Textinput_size_m Textinput_view_default"

[Владимир Василенко]

kelwin27, там все очень просто, такого элемента на странице не существует, сама форма добавлена на страницу через iframe, а в браузере вы его находите так как там поиск работает и по основной странице и по всем вложенным iframe.

Ниже пример работающего кода с вашими локаторами

import time

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.remote.webelement import WebElement
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.chrome.options import Options
from webdriver_manager.chrome import ChromeDriverManager

# Инициализируем webdriver

options = Options()
options.add_argument('--disable-infobars')
options.add_argument('start-maximized')
options.add_argument('--disable-extensions')
driver = webdriver.Chrome(executable_path=ChromeDriverManager().install(), chrome_options=options)
driver.delete_all_cookies()
driver.get('https://telemost.yandex.ru/')


# Реализуем функции с ожиданием по умолчанию

def my_find(locator, timeout=1, retry=20) -> WebElement:
    for i in range(retry):
        try:
            return WebDriverWait(driver, timeout).until(EC.element_to_be_clickable(locator))
        except Exception:
            if i == retry - 1:
                return driver.find_element(*locator)


def my_click(locator, timeout=1, retry=20):
    for i in range(retry):
        try:
            element = my_find(locator, timeout=timeout)
            element.click()
            return
        except Exception:
            if i == retry - 1:
                pass


def my_send_keys(locator, keys, timeout=1, retry=20):
    elem = my_find(locator, timeout=timeout, retry=retry)
    elem.clear()
    elem.send_keys(keys)


# Сам автотест

login_button_locator = (By.XPATH, '//button[@data-test-id="login-button"]')
my_click(login_button_locator)

login_input_locator = (By.ID, 'passp-field-login')
my_send_keys(login_input_locator, 'ЛОГИН')

continue_button_locator = (By.ID, 'passp:sign-in')
my_click(continue_button_locator)

password_input_locator = (By.ID, 'passp-field-passwd')
my_send_keys(password_input_locator, 'ПАРОЛЬ')

continue_button_locator = (By.ID, 'passp:sign-in')
my_click(continue_button_locator)

planning_button_locator = (By.XPATH, '//button[@data-test-id="button"][2]')
my_click(planning_button_locator)

iframe_locator = (By.TAG_NAME, 'iframe')
iframe = my_find(iframe_locator)

# Входим в контекст Iframe
driver.switch_to.frame(iframe)

input_name_locator = (By.XPATH, '//div[contains(@class, "qa-NameField")]//input')
my_send_keys(input_name_locator, 'нашел')

# Выходим из контекста Iframe на основную страницу
driver.switch_to.default_content()

time.sleep(10)

[kelwin27]

Огромное спасибо! Удивительно что при разборе автоматизации работы с сайтами никто не уделял внимания вопросу работы с iframe, либо я не понял что это была работа с ним, что вероятнее всего. Как я понимаю это вариант нового контекстного окна для работы с которым необходимо на него переключиться? Обязательно уделю данному вопросу пристальное внимание ибо он убил несколько дней моего времени в тщетных поисках... Поскольку это было действительно не сложно, видимо потраченные 1,5 месяца на изучение программирования были не так успешны как я думал ранее, буду пересматривать интенсивность своего обучения, еще раз благодарю за потраченное время!