Подождите, прежде чем выбрать раскрывающиеся списки Java Script - Protractor - Jasmine

Question

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

HTML для одного из выпадающих.Все остальные раскрывающиеся списки похожи с разными значениями.

<select class="abc-inputBox ng-valid" formcontrolname="reportType" style="width: 200px">
<option value="null">Select Report Type</option>
<!---->
<option value="reportA" class="ng-star-inserted">reportA</option>
<option value="reportB" class="ng-star-inserted">reportB</option>
</select>

Answer 1

Простой ответ - просто подождать некоторое время между выбором каждого раскрывающегося списка, например, browser.sleep(1000).Это в основном грубый метод, который может добавить ненужное время к вашим тестам.

Более надежный / правильный способ - использовать Ожидаемые условия Protractor .Например, вы можете подождать, пока первый раскрывающийся список не заполнится выбранным значением, прежде чем щелкнуть следующий раскрывающийся список, что-то вроде этого:

let firstDropdown = element(by.id('dropdown1'));
let EC = protractor.ExpectedConditions;
browser.wait(EC.textToBePresentInElementValue(firstDropdown, 'selectedOption'));