Как выбрать из автозаполнения выпадающего Google Maps с помощью транспортира?

Question

Я использую транспортир с каркасом Jasmine для автоматизации приложения angular5.Мои разработчики использовали API / созданный раскрывающийся список карт Google, как упомянуто в ссылке

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete

Когда пользователь вводит адрес, вызывается API карт Google и перечисляются места, связанные с поиском.это не будет заполнять / изменять любые теги инструментов разработчика HTML.Таким образом, в основном, когда пользователь вводит адрес, он заполняет раскрывающийся список адресов, и я хочу выбрать любой адрес с помощью клавиши со стрелкой мыши / клавиатуры.Когда я автоматизируюсь, я могу дотянуться до передачи строки в адресный веб-элемент позже, когда появляется сообщение об ошибке:

Нет доступных данных для ввода: 'Mumbai'

с помощью всплывающего окна.отображается в окне.Любая помощь с благодарностью.

Я попробовал ниже код,

browser.actions().mouseMove(element(by.id('fromAddress-input')).sendKeys("Mumbai")).perform(); 

browser.actions().sendKeys(protractor.Key.ENTER).perform();

browser.actions().sendKeys(protractor.Key.ARROW_DOWN).perform();         

browser.actions().sendKeys(protractor.Key.ENTER).perform();

Answer 1

Сначала вам нужно переключиться на Iframe, который содержит элементы, которые вы хотите, используйте его, чтобы изменить на Iframe:

var driver = browser.driver;
var loc = by.tagName('iframe');
var el = driver.findElement(loc);
browser.switchTo().frame(el);

Создайте функцию с этим кодом и поместите после загрузки страницы.Тогда ваш код будет работать, но удалите первый ввод, сделайте это, например: browser.actions (). MouseMove (element (by.id ('fromAddress-input')). SendKeys ("Mumbai")). Execute ();

browser.actions().sendKeys(protractor.Key.ARROW_DOWN).perform();         
browser.actions().sendKeys(protractor.Key.ENTER).perform();

вернуться к основному кадру, используя это:

browser.switchTo().defaultContent();