如何查询使用Selenium进行自动化测试时VueJs / Vuetify是否正在设置动画

Question

对于Angular和Jquery，可以检查页面上当前是否有动画。例如，我可以只使用CSS选择器“ .ng-animating”来检查是否有任何元素具有动画类。

例如，我们在终端2自动化测试中经常使用此功能，例如，仅在用户执行某些操作后才断言页面上是否显示了元素。我们将等到没有元素具有“ .ng-animating class”。

我们开始将Vue用于一些新项目，我也试图找出是否有可能，因此查询一些属性，或者在它开始制作动画并完成动画时设置一些事件。有人知道怎么做吗？还是有其他可行的方法？

Answer 1

[当处理使用Angular和/或jQuery构建的应用程序时，要查询class属性ng-animating，您可以引入WebDriverWait，然后可以使用以下[C0基于java：

• 开始制作动画时，将ExpectedConditions用作Locator Strategies：

  visibilityOfElementLocated()

• 完成动画后，将ExpectedConditions用作new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".ng-animating"))); ：

  invisibilityOfElementLocated()