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

You can target the href like this:

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

Answer 2

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