javascript - 检查元素是否不存在

Question

我正在尝试检查某个元素是否不存在，但由于超时问题而失败。根据我的观察，我发现驱动程序首先尝试先找到该元素，然后等待该元素消失，而不是立即检查该元素是否存在。我尝试了以下方法。

1. browser.element.all(selector)
2. browser.driver.findElements(selector)
3. browser.isElementPresent(browser.element(selector))
4. element(selector).isPresent()

背景:单击按钮时，将出现模态框。它有取消和保存按钮。单击取消按钮时，模态窗口消失。现在我正在尝试编写一个期望条件来检查模态框是否已经消失。

以上都失败了。请告诉我可以立即检查元素是否存在的正确方法。

以上都是错误

Error: function timed out after 60000 milliseconds

我真的不确定，为什么 Protractor 无法帮助我检查元素是否不存在于 DOM 中。我尝试了所有可能的方法。每个方法都试图找出现有元素是否正在转换为不存在状态。那么，如果所有的 API 都在做同样的工作，为什么会有这么多 API。

Answer 1

不确定您为什么要使用 browser. 作为您的选择器，也不知道您的 selector 实际上是什么，但我怀疑您遇到了多个问题。

首先，.isPresent() 真正询问它在 dom 中吗； isDisplayed() 问它可见吗。因此，您的策略取决于您的模型是从 dom 中删除还是隐藏(例如 display:none 等...)。

其次，您似乎没有处理这些方法返回的 promise 。您也不会提及您是否在 expect 中运行它(它会自动等待 promise 解决)。

第三，不清楚您的模态选择器返回的是单个元素还是多个元素(尽管您通过使用 element.all 确实指明了后者。

长话短说，这里有一个示例，说明如何检查模态框是否显示，假设模态框有一个 .myModal 类，是唯一一个，并且它是不显示时从 dom 中删除。

$('.myModal').isPresent().then(function(inDom) {
    return inDom; // returns bool
};

上面的代码获取你的元素，检查它是否在 dom 中，通过 .then 处理 promise ，如果元素在 dom 中则返回 true/false。

也就是说，您的代码可能有多个模式，通过 css 隐藏。在这种情况下，您需要找到针对该情况的策略。也许您的代码将 .shown 类添加到隐藏元素？很好，检查 $('.myModal.shown') 是否存在。也许您的代码在 dom 中有多个隐藏模式...不太好，但是您可以遍历每个元素，并测试是否使用 isDisplayed() 显示任何。

希望对您有所帮助...