如何在量角器中等待元素或等待元素可点击？

Question

如何使用等待元素可点击等待元素存在于量角器中？我知道这只能帮助1个元素。并非所有人。

例如： -

这是网站链接，我正在尝试使用量角器自动化，我不想在任何情况下都使用睡眠。

重现的步骤： -

1. 导航至https://www.celebritycruises.com。
2. 点击左上角的Find A Cruise，然后点击Find Cruise按钮。
3. 它将导航到此链接 - celebritycruises.com/spa /＃/ itinerary-search。

4. 现在就是这个，这个页面需要时间来加载。所以，我试图等待元素或等待元素可点击。但它正在失败。

   browser.get（ 'https://www.celebritycruises.com'）;

   var pop = element(by.css('a.popover-find-cruise'));
   pop.click().then(function() {
   
   element.all(by.css('.cta.find-cruise-button button')).last().click();
   
   });
   
   var dta = element(by.css('.itinerary-search.spa #nav-departure-date'));
   
   var EC = protractor.ExpectedConditions;
   browser.wait(EC.visibilityOf(dta), 30000);
   
   dta.click();
   

你可以帮我解决这个问题吗？