При клике через JavascriptExecutor на input из shadow-root не появляется выпадающее окно

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

Всем привет!

Покажу на примере проблему.
Есть ресурс: SIXT ride | Chauffeur Service, Airport Transfers & Taxis

Нам необходимо ввести значение в поле pickupAt. Если вводим ручками - появляется предложение по локации, выбираем и идём дальше.

Необходимо это заавтоматизировать.
Загвоздка тут в том, что этот input находится в shadow-root. Protractor его не обрабатывает, никак, просто не видит (.deepCss бесполезно). Нашел решение кликать и вводить значение через javascriptExecutor
отдебажил в консоле:
document.getElementsByTagName("mdr-ibe")[0].shadowRoot.getElementById("pickup-input").value = "SFO";
В этом случае мы можем увидеть текст в поле, но сайт не открывает окно, где ты можешь выбрать твою локацию согласно тексту. То есть, задача - чтоб появилось выпадающее окно.

Что было сделано и что не сработало.

  1. document.getElementsByTagName("mdr-ibe")[0].shadowRoot.getElementById("pickup-input").click() - не сработало.
  2. Просто вбить финальное значение локации и нажать продолжить - не работает. Просит выбрать локацию.

Я использую Protractor. Может быть кто-то подскажет, как определить элемент из javascriptExecutor в Element и попробовать на нём вызвать код?

#2

Вот как делаю я:

string javaScript = "document.evaluate("XPath", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.dispatchEvent(new MouseEvent(\"click\", {bubbles:true}))";

bubbles:true - чтобы событие всплывало

Вам важно узнать на каком элементе висит обработчик события и какого имененно события. Возможно появление предоложения по локации реагирует на потерю фокуса. В фаерфоксе вы можете это увидеть:

image
image1146×145 21.9 KB

2 лайка
#3

Юра, спасибо большое!
Проблему решил через javascriptExecutor.

#4

Не за что)
я не дописал, скрипт выполняем через javascriptExecutor:

javaScriptExecutor.ExecuteScript(javaScript, args);

1 лайк
#5

Здравствуйте! А можете поделиться примером как решили?)