元素不可见错误

Question

我正在尝试单击我页面上的上传文件 link，但我说上传 link 不可见。我试过将鼠标悬停在 link 和下面的代码上。之前我已经很容易地解决了这个问题，所以我真的很困惑如何才能让这个 link 被点击。我尝试过的：

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

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

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>

Answer 1

如果您的元素不可见，那么您可以尝试滚动到该元素，然后单击它。如果它在页面上可见，则等待它加载，然后通过将它链接到 wait() 函数来单击它。这是其中的一个示例 -

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

希望对您有所帮助。

元素不可见错误

Element not visible error

javascript

selenium

automation

angularjs

protractor