如何使用量角器测试页面上的动态元素？

Question

我正在为我的 angularJs 1.14 应用程序设置量角器测试。 我们有一个显示字幕的视频播放器。每个字幕都在一个 div 中。当播放器正在播放时，我们的代码将当前字幕的类设置为“currentSubtitle”，这样我们就可以高亮显示字幕了。此外，我们有代码可以让当前字幕的 div 滚动到。如何创建测试字幕滚动是否正常工作的测试？

Answer 1

我认为您可以做两件事，具体取决于自动化和页面自身的速度。

1. 您是否尝试过使用element(by.css('. currentSubtitle').getText() 验证哪些文本可见。 getText() 会给你可见的文字，见here
2. 使用browser.driver.executeScript('//some JS code')判断它是否滚动，例如this post。然后你可以用JS计算字幕滚动是否正常

希望它能帮助你找到答案