Laravel Dusk 如何检查元素是否可见/可点击？答案

【问题标题】：Laravel Dusk how to check if element is visible/clickable?Laravel Dusk 如何检查元素是否可见/可点击？
【发布时间】：2018-01-29 18:00:28
【问题描述】：

我有一种情况，我不想检查元素是否存在且可见/可点击。如果没有，脚本处理将继续。

虽然 Laravel Dusk 提供了 $browser->assertVisible($selector) 方法，但如果元素不可见，这会导致异常。或者$browser->waitFor('.selector');，但是如果元素没有出现，这也会结束脚本处理。

显然 Dusk 没有提供这种方法。实现它的最佳方式是什么？

【问题讨论】：

【解决方案1】：

迟到总比没有好。

isDisplayed() 效果很好（但如果它被其他元素覆盖则不会）...

if($browser->driver->findElement(WebDriverBy::cssSelector('#my-selector'))->isDisplayed()) {
    // do something
}

如果我有覆盖我的元素的覆盖，我使用 ->waitUntilMissing()，或者在极端情况下，我调用 $browser->driver->executeScript() 并运行一些 jQuery 来临时操作“在方式”。

【讨论】：

【解决方案2】：

您可以尝试查找元素并尝试检索它的属性。如果属性为空，则元素不可见。例如

$hiddenBtn = $browser->element('@show-more');
if($hiddenBtn && $hiddenBtn->getText()){
    $browser->click('@show-more');    
}

这对我有用。

【讨论】：

【解决方案3】：

如果你不知道你想要完成什么，你总是可以等到元素可见：

【讨论】：