Выберите значение в раскрывающемся списке с помощью транспортира

Question

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

Я практикую по следующему URL: https://material.angular.io/components/autocomplete/overview#option-groups

Answer 1

Транспортир может взаимодействовать только с элементами, присутствующими в DOM страницы. Элементы для основных параметров состояния не будут загружены в DOM, пока не будет введено поле ввода для группы состояний. Вы можете выбрать опцию Мэн следующим образом:

app.js

describe('desribe the test', () => {
    it('the it', async () => {

        await browser.get('https://material.angular.io/components/autocomplete/overview#option-groups');

        let statesGroupField = element(by.xpath('//input[@placeholder="States Group"]'));
        await statesGroupField.click();
        let maineDropdownOption = element(by.xpath('//span[text()="Maine"]'));
        await maineDropdownOption.click();

        await browser.driver.sleep(5000);
    })
})