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

Question

我有一个场景，我不想检查如果元素存在并且可见/可点击。如果没有，脚本处理将继续。

虽然 Laravel Dusk 提供了

$browser->assertVisible($selector)

方法，但如果元素不可见，则会出现异常。或者

$browser->waitFor('.selector');

但是如果元素没有出现，这也会结束脚本处理。

显然Dusk不提供这种方法。实施它的最佳方法是什么？

Answer 1

我想迟到总比不到好。

isDisplayed() 工作得很好（尽管如果它被其他元素覆盖则不会）...

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

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

Answer 2

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

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

这对我有用。

Answer 3

如果不知道要完成什么任务，您可以一直等到该元素可见：

Answer 4

使用 jquery 的替代方法

$browser->waitUntil('$(".card-consumation .grafico").is(":visible")', 15);