title: How to solve ElementNotVisibleError: element not visible in protractor
body: <pre><code>var spinner = element(by.css('.glyphicon.glyphicon-ok.green:not(.ng-hide)'));
  expect(spinner.isDisplayed()).toBeTruthy();
  spinner.click();
  </code></pre>
  
  <p>when I execute this always receiving an error as </p>
  
  <pre><code>ElementNotVisibleError: element not visible
  </code></pre>
  
  <p>I want to select this element</p>
  
  <pre><code>&lt;span class="glyphicon glyphicon-ok green" data-ng-show="Choice.IsCorrect"/&gt;
  </code></pre>
  
  <p>and not to select other element as</p>
  
  <pre><code>&lt;span class="glyphicon glyphicon-ok green ng-hide" data-ng-show="Choice.IsCorrect"/&gt;
  </code></pre>