Question

我想点击名为ready的动画按钮。这是源代码：

我测试了这段代码：

driver.switchTo().frame("iwg-game-full");
        WebElement until = waitPage.until(ExpectedConditions.presenceOfElementLocated(By.id("ready")));

        if (until.isDisplayed())
        {
            System.out.println("Play button is displayed");

            driver.findElementById("ready").click();
        }

但是当我运行代码时，我会立即收到消息Play button is displayed。我如何等待动画完成？

动画的CSS代码：

.popIn .animating {
    animation: 0.5s ease 0s normal both 1 running popIn;
    filter: blur(0px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    will-change: transform;
}
@keyframes popIn {
0% {
    opacity: 0;
    transform: scale(0.1);
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

.popIn:nth-child(1) .animating {
    animation-delay: 0.1s;
}
.popIn:nth-child(2) .animating {
    animation-delay: 0.2s;
}
.popIn:nth-child(3) .animating {
    animation-delay: 0.3s;
}

Answer 1

我会使用自定义条件来等待目标元素显示和稳定。如果两个调用之间的位置保持不变，则可以认为该元素是稳定的。

以下是一个例子：

WebElement element = new WebDriverWait(driver, 20)
  .until(steadinessOfElementLocated(By.id("ready")));

public static ExpectedCondition<WebElement> steadinessOfElementLocated(final By locator) {
    return new ExpectedCondition<WebElement>() {

        private WebElement _element = null;
        private Point _location = null;

        @Override
        public WebElement apply(WebDriver driver) {
            if(_element == null) {
                try {
                    _element = driver.findElement(locator);
                } catch (NoSuchElementException e) {
                    return null;
                }
            }

            try {
                if(_element.isDisplayed()){
                    Point location = _element.getLocation();
                    if(location.equals(_location) && isOnTop(_element)) {
                        return _element;
                    }
                    _location = location;
                }
            } catch (StaleElementReferenceException e) {
                _element = null;
            }

            return null;
        }

        @Override
        public String toString() {
            return "steadiness of element located by " + locator;
        }
    };
}

public static boolean isOnTop(WebElement element) {
    WebDriver driver = ((RemoteWebElement)element).getWrappedDriver();

    return (boolean)((JavascriptExecutor)driver).executeScript(
        "var elm = arguments[0];" +
        "var doc = elm.ownerDocument || document;" +
        "var rect = elm.getBoundingClientRect();" +
        "return elm === doc.elementFromPoint(rect.left + (rect.width / 2), rect.top + (rect.height / 2));"
        , element);
}

Answer 2

pastebin中的代码具有popIn .animating作为按钮的类，并且在动画的CSS代码中（如上所述）具有类名popIn .animating

动画完成后，按钮的类名称似乎从is-visible...更改为webdriver.wait().until(ExpectedConditions.presenceOfElementLocated(By.xpath("//button[contains(@class, 'popIn .animating')]")));。

如果是这种情况，您可以使用显式等待来获取属性更改。尝试类似下面的东西，它应该工作。

ViewCell

Answer 3

我猜这个动画是＆＃34;播放＆＃34;使用jQuery，你可以这样做：

((JavaScriptExecutor)driver).ExecuteScript("return jQuery.active == 0");

如果您将其投放到Boolean，则只需添加超时即可使其等待true。

您甚至可以使用WebDriverWait：

实现此目的

WebDriverWait wait = new WebDriverWait(driver, 30);
wait.until(new Predicate<WebDriver>() {
    public boolean apply(WebDriver driver) {
        return ((JavaScriptExecutor)driver).executeScript("return jQuery.active == 0");
        }
    }
);

等待动画按钮停止

3 个答案: