Транспортир - Элемент не виден (но видно, если его проверить вручную)

Question

Надеюсь, вы могли бы мне помочь. Я новичок в транспортир. Я не могу щелкнуть элемент в транспортнике, он говорит, что его не видно, даже если его видно, когда он проверяется вручную. Ниже приведены детали:

CSS код:

<div class="list" ng-click="openOtherUsers(perCrisis)" ng-show="detailView"> 
<div class="item item-input-inset content-bg search-bar"> 
<button class="button button-clear" type="button"> 
<i class="icon ion-chevron-right"></i> 
</button> 
<label class="item-input-wrapper"> 
<i class="icon acc-search placeholder-icon"></i> 
<input class="ng-pristine ng-untouched ng-valid" type="text" placeholder="Search for people" ng-model="search.keywords"> 
</label> 
</div> 
</div> 

транспортир Код:

it("this is a trail for SEARCH click", function() { 
    browser.waitForAngular(); 
    var search = element(by.css('.list.list')); 
    //expect(search.isPresent()).toBeTruthy(); <<<<< PRESENT, but if  //isDisplayed is used: its false 
    search.click(); 
}); 

FYI: родительский класс список, я также попытался использовать "список"/«[нг-клик = "openOtherUsers (perCrisis)"] "/" [ng-show = "detailView"] "в качестве css-локатора.

Надеюсь, вы могли бы помочь мне в этом. Спасибо.

Answer 1

Одна из возможных причин проблемы заключается в том, что может быть другой элемент, соответствующий локатору. В этом случае вам может понадобиться улучшить локатор, чтобы однозначно идентифицировать нужный элемент.

Другое дело, что может помочь это ждать - мы будем wait for the element to become visible:

var search = element(by.css('[ng-click="openOtherUsers(perCrisis)"]')), 
    EC = protractor.ExpectedConditions; 

browser.wait(EC.visibilityOf(search), 5000); 

search.click(); 

Answer 2

Вы можете попробовать использовать «действия», чтобы переместить курсор к элементу, а затем выполнить щелчок()

browser.actions().mouseMove(search, 1, 1).perform().then(function(){elem.click()});