This is a note about how to simulate the click on an icon link in Capybara code.
<pre><code class="lang-html">&lt;div class="col-sm-4 align-center"&gt;
 &lt;a class="email-link" href="/contact" title="Send email"&gt;
 &lt;i class="fa fa-envelope"&gt;&lt;/i&gt;
 &lt;/a&gt;
&lt;/div&gt;
</code></pre>
<h3 id="a-title-attribute">A: title attribute</h3>
<pre><code class="lang-rb">click_link 'Send email'
</code></pre>
<h3 id="b-find-by-css-such-as-data-attribute-id-or-class">B: find by CSS (such as data attribute, id or class)</h3>
<pre><code class="lang-rb">find(".email-link").click
</code></pre>
<h2 id="resources">Resources</h2>
<ul>
<li><a target="_blank" href="http://stackoverflow.com/questions/25891438/rspec-target-font-awesome-icon-link">Rspec Target Font Awesome Icon Link</a></li>
</ul>

This is a note about how to simulate the click on an icon link in Capybara code.

```html
<div class="col-sm-4 align-center">
 <a class="email-link" href="/contact" title="Send email">
 
 </a>
</div>
```

### A: title attribute

```rb
click_link 'Send email'
```

### B: find by CSS (such as data attribute, id or class)

```rb
find(".email-link").click
```

## Resources

- [Rspec Target Font Awesome Icon Link](http://stackoverflow.com/questions/25891438/rspec-target-font-awesome-icon-link)

Masatoshi Nishiguchi's Blog

Masatoshi Nishiguchi's Blog

Capybara clicking icon links

A: title attribute

B: find by CSS (such as data attribute, id or class)

Resources