How to solve ElementNotVisibleError: Element not showing in protractor

Question

var spinner = element(by.css('.glyphicon.glyphicon-ok.green:not(.ng-hide)'));
expect(spinner.isDisplayed()).toBeTruthy();
spinner.click();

when i execute this i always get error like

ElementNotVisibleError: element not visible

I want to highlight this element

<span class="glyphicon glyphicon-ok green" data-ng-show="Choice.IsCorrect"/>

and don't select another item like

<span class="glyphicon glyphicon-ok green ng-hide" data-ng-show="Choice.IsCorrect"/>

+3

Sneha Shejwal 02 jan. 15 at 15:40

1 answer

Sneha Shejwal · Accepted Answer · 2015-01-04T05:28:35+0000

The correct way to do it is below

var popUp = ($('[data-ng-show="Choice.IsCorrect"].glyphicon.glyphicon-ok.green:not(.ng-hide)'));
popUp.click();

so that it always returns the visible element and can click on it.

Thanks to everyone who looked into it.