等待 UI 文本更新

Question

作为我们应用程序的一部分，用户可以单击列表中的项目，然后更改屏幕上的数据负载，包括过滤器按钮上的文本。

例如，列表可能是城市 伦敦 纽约 东京

点击 London 将首先将过滤器标签从“All”更改为“1”，而我们等待 Angular 控制器从我们的 api 计算出正确的文本应该是什么，然后它会更改为“London”，有一个当角度控制器计算出正确的标签应该是什么并且页面的其余部分从我们的 api 加载更多数据时，这会略有延迟。

这种延迟会导致量角器中的测试失败，因为延迟时间足以让量角器将 '1' 作为文本而不是 'London'，进入睡眠一秒钟解决了这个问题，但是这个动作是执行的经过大量测试并且每次都不想睡觉，有没有办法我可以等待角度控制器完成或其他什么，所以我最终等待的时间恰到好处？

我知道量角器通常会等待角度，但我认为标签从“全部”到“1”的初始更改是在欺骗量角器认为它已准备好继续，因为它全部通过多个角度控制器和服务完成

谢谢

Answer 1

您可以明确等待伦敦文本出现。这种方法几天前向我展示过，从那以后它非常有用。

var EC = protractor.ExpectedConditions;

// Replace below with whatever locator is appropriate for your case
var elem = element(by.xpath("//div[contains(text(), 'London')]"));

browser.wait(EC.presenceOf(elem), 5000);
expect(elem.isPresent()).toEqual(true);