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>

Answer 1

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

1. Put an id selector on the link.

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

2. Assert it's visible.

3. Get the href attribute.
4. Visit it.

5. 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'); }); } 

Answer 2

您可以像这样定位href：

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