另一个 Web 驱动程序异常： 元素不再附加到 DOM

Question

我有一个网页，其中包含一些JavaScript并执行一些Ajax调用。当尝试使用Selenium测试它时，我随机得到“PHPUnit_Extensions_Selenium2TestCase_WebDriverException:Element不再附加到DOM”消息，可能是5次运行中的一次。

现在我意识到了Ajax调用和测试引擎之间的竞争问题，我已经采取了措施来保护它，但仍然存在一些问题。我的场景是这样的：我更改select元素1的值，它触发Ajax调用，删除select元素2的所有选项子元素，并基于Ajax响应生成新的选项子元素。测试代码：

    $this->select($this->byId('select1'))->selectOptionByValue('value1');
    $this->myWaitForElementToAppear('#select2>option[value="value2"]');
    $this->select($this->byId('select2'))->selectOptionByValue('value2');

最后一行触发错误。下面是myWaitForElementToAppear方法：

public function myWaitForElementToAppear($selector, $limit = 5) {
    $start = time();
    while(true) {
        if($start + $limit < time()) {
            break;
        }
        try {
            $this->byCssSelector($selector);
            break;
        } catch(PHPUnit_Extensions_Selenium2TestCase_WebDriverException $e) {}
    }
}

如果我没有弄错的话，myWaitForElementToAppear方法应该确保jQuery在退出之前已经添加了所需的选项，从而允许在下一行使用它。我应该补充一点，我已经确保这里不会发生超时(因为我的方法允许它发生),并且我确信情况不是这样

编辑：我应该补充一点，在我的WaitForElementToAppear呼叫之后放睡眠（1）可以解决问题，但我不明白为什么需要额外的一秒钟。难道不应该打电话给我的“等待”吗？

Answer 1

这里有一些解释：

首先，time（）的精度非常低，只返回已经过去的整秒数，这使得整个事情变得非常模糊。其次，PHP必须在等待时坐在那里循环数千次，基本上什么也不做。一个更好的解决方案是使用两个脚本睡眠函数之一，睡（）和睡（），它们将暂停执行的时间作为唯一参数。

从php.net：

sleep和usleep的想法是让cpu运行几个空闲周期，这样其他程序就可以有一些自己的周期运行。什么导致更好的响应时间和更低的整体系统负载。因此，如果你必须等待什么，就去睡几秒钟，而不是占据cpu，除了等待什么也不做。

您可以在PHPUnit中使用waitUntil:

/* waitElementToDisappear */
$this->waitUntil(function($testCase) {
    try {
        $input = $testCase->byCssSelector("#select2>option[value="value2"]");
    } catch (PHPUnit_Extensions_Selenium2TestCase_WebDriverException $e) {
        if (PHPUnit_Extensions_Selenium2TestCase_WebDriverException::NoSuchElement == $e->getCode()) {
            return true;
        }
    }
}, 5000);

/* waitElementToAppear */
$this->waitUntil(function($testCase) {
    try {
        $input = $testCase->byCssSelector("#select2>option[value="value2"]");
        return true;
    } catch (PHPUnit_Extensions_Selenium2TestCase_WebDriverException $e) {}
}, 5000);