title: "Clicking" on a not visible element
body: <p>So my current situation is that I am trying to click on a marker based in a Google Maps window on a webpage. I have successfully located the markers in two manners: <code>element.all(by.css('.angular-google-map-marker'))</code> and <code>element.all(by.repeater('m in map.markers'))</code>.</p>
  
  <p>I have proven that I am obtaining the correct elements by changing the location on the Google Map and using <code>count()</code> to retrieve the number of markers present which returns the correct number in every case. </p>
  
  <p>However, when I try to do for example <code>element.all(by.css('.angular-google-map-marker')).first().click()</code>, I receive the following error: </p>
  
  <blockquote>
    <p>Failed: element not visible</p>
  </blockquote>
  
  <p><strong>HTML section</strong></p>
  
  <pre><code>&lt;div ng-transclude="" style="display: none"&gt; 
  
    &lt;span class="angular-google-map-marker" ng-transclude="" ng-repeat="m in map.markers" options="m.options" coords="m.coords" idkey="m.id" click="onMarkerClick"&gt;&lt;/span&gt;
  
    &lt;span class="angular-google-maps-window" ng-transclude="" coords="activeMarker.coords" options="windowMapOptions" show="windowMapOptions.show" closeclick="closeInfoWindow" templateurl="'gMapInfoWindow.html'" templateparameter="activeMarker"&gt;&lt;/span&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Normally elements that trigger some event due to clicking have an attribute like <code>ng-click= foo()</code>, however the markers above only use <code>click= foo()</code>. In addition if you look the line with the div tag, it says <code>display: none</code>, which might explain the visibility error. </p>
  
  <p><strong>My Question:</strong> Is there a way to activate the effect of an attribute like <code>click= foo()</code> without clicking on the element directly?</p>