Element not visible error

Question

I am trying to click on an upload file link on my page however the upload link i said to be not visible. I've tried hovering over link and the code below. This has been easily fixed for me before so I'm really confused on how to go about getting this link clicked. What I've tried:

var EC = protractor.ExpectedConditions;
var uploadLink = element(by.model('roomPlanCtrl.mm2010File'));

browser.wait(EC.elementToBeClickable(uploadLink), 10000);
uploadLink.click();

the HTML:

<span class="dg-link ng-untouched ng-valid ng-dirty ng-valid-parse" ngf-select="" ng-model="roomPlanCtrl.mm2010File" accept=".mms" ng-hide="roomPlanCtrl.hideImportLinks">Upload a MeetingMatrix 2010 File</span>

Are you sure there are no other elements with `ng-show="roomPlanCtrl.showImport2010Ctrls()"`? Have you also tried to maximize the browser window? — alecxe, Aug 19 '15 at 13:49
Also can you try to wait until element is visible before clicking on it? probably chaining the wait with click function would help. — giri-sh, Aug 19 '15 at 14:02
@Alecxe I uploaded the wrong .html and test code one second while I fix. really sorry. — Nicole Phillips, Aug 19 '15 at 14:03
@Girish I updated the code I had the wrong html and test code up there — Nicole Phillips, Aug 19 '15 at 14:09

score 7 · Accepted Answer · answered Aug 19 '15 at 15:02

7

If your element is not visible, then you can probably try scrolling to that element and then click on it. If its visible on the page then wait until it loads and then click on it by chaining it to the wait() function. Here's a sample of that -

var EC = protractor.ExpectedConditions;
var uploadLink = element(by.model('roomPlanCtrl.mm2010File'));
browser.wait(EC.elementToBeClickable(uploadLink), 10000).then(function(){
    uploadLink.click();
});

Hope it helps.

answered Aug 19 '15 at 15:02

giri-sh

6,934
2
25
50

I just tried that, and the hover over text, still says not visible, which is strange because i can click it outside of tests – Nicole Phillips Aug 19 '15 at 15:22

Element not visible error

1 Answers1