How to click link icon with laravel dusk?

Question

If I have a link:

<a href="/somewhere">Click Me</a>

I know I can clickLink based on its text.

public function testCanClickLink()
{
    $this->browse(function ($browser) {
        $browser->visit('/welcome')
                ->clickLink('Click Me');
    });
}

But how can I click an icon link?

<a href="/somewhere">
    <i class="fa fa-plus" aria-hidden="true"></i>
</a>

score 9 · Accepted Answer · answered Jul 21 '17 at 14:09

9

You can target the href like this:

->click('a[href="/somewhere"]')

answered Jul 21 '17 at 14:09

Andrew Bibby

338
5
11

score 2 · Answer 2 · answered Feb 26 '17 at 16:46

This is a bit hacky, but it's what I've come up with as a workaround.

Put an id selector on the link.

<a id="link-click-me" href="/somewhere">
    <i class="fa fa-plus" aria-hidden="true"></i>
</a>

Assert it's visible.
Get the href attribute.
Visit it.

Assert path is correct.

public function testCanClickLink()
{
    $this->browse(function ($browser) {
        $browser->visit('/welcome')
                ->assertVisible('#link-click-me')
                ->visit(
                    $browser->attribute('#link-click-me', 'href')
                )
                ->assertPathIs('/somewhere');
    });
}

This does not preform click action, which subsequently causes redirect. Therefore if there would be running some broken javascript on page, which would prevent redirection by user's click, this approach will not prevent us from headache. — Fusion, Jun 26 '19 at 16:36

score 0 · Answer 3 · answered Aug 15 '23 at 21:32

I had the same doubt... and worst, I couldn't use href as a reference to clickable element because I just needed to open a modal. So, my solution was use the dusk attribute, like this:

<a dusk="link-click-me" href="">
    <i class="fa fa-plus" aria-hidden="true"></i>
</a>

And... in my test code, run this line:

$browser->click('@link-click-me');

Enjoy! o/

How to click link icon with laravel dusk?

3 Answers3