Laravel Dusk how to check if element is visible/clickable?

Question

I have a scenario where I'd like not check IF an element exists and is visible/clickable. If not, script processing continues.

While Laravel Dusk provides $browser->assertVisible($selector) method, this ends up in an exception if the element is not visible. Or $browser->waitFor('.selector'); but this also ends the script processing if element doesn't appear.

Here is the criteria Selenium uses to check for an element being visible is found here: How to force Selenium WebDriver to click on element which is not currently visible?

Apparently Dusk doesn't provide this kind of method. What would be the best way to implement it?

score 3 · Answer 1 · answered Aug 17 '18 at 13:29

You can try to find the element and try to retrieve properties of it. If the properties are empty, the element is not visible. E.g.

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

This worked for me.

score 3 · Accepted Answer · answered Oct 23 '19 at 17:16

Better late than never I suppose.

isDisplayed() works pretty well (though not if it's covered up by other elements)...

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

if I have overlays covering my elements, I use ->waitUntilMissing(), or in extreme cases I call on $browser->driver->executeScript() and run some jQuery to temporarily manipulate an element that is "in the way".

score 0 · Answer 3 · answered Jan 29 '18 at 18:10

0

Without a good idea of what you're trying to accomplish you can always wait until the element is visible:

https://laravel.com/docs/5.5/dusk#waiting-for-elements

answered Jan 29 '18 at 18:10

jahsome

881
8
18

I need is to check if an element is there, so it is an IF scenario... Waiting for an element is a blocking scenario where the element absolutely needs to be present or the processing is halted after the wait time. – ux.engineer Jan 29 '18 at 19:34

Hugo Falcão · Answer 4 · 2023-08-04T20:04:35.160

0

$browser->whenAvailable('.modal', function (Browser $modal) {
    $modal->assertSee('Hello World')
          ->press('OK');
});

edited Aug 04 '23 at 20:04

answered Aug 04 '23 at 20:00

Hugo Falcão

1
2

Laravel Dusk how to check if element is visible/clickable?

4 Answers4