超時雖然與定位

Question

等元素，我想測試下面的代碼：

<div name="userElem" *ngFor="let user of users ; let i=index"> 
    <div class="list-group-item" id="user-{{i}}" (click)='selectUser(user)' [style.backgroundColor]="user?._id==selectedUser?._id ? '#F0F0EE' : 'white'"> 
     <div *ngIf="user?._id==selectedUser?._id">  
      <div class="pull-right">   
       <a id="delete-user-{{i}}" (click)="deleteUser(user._id)"> 
        <i class="fa fa-trash fa-fw"></i> 
       </a> 
       <a (click)="editUser(user._id)"> 
        <i class="fa fa-pencil fa-fw"></i> 
       </a> 
       <a [routerLink]="['/edit',user._id]" name="userLink-{{i}}"> 
        <i class="fa fa-eye fa-fw"></i> 
       </a> 
      </div> 
      </div> 
     </div> 
    </div> 

使用下面端到端測試案例：

it('should delete a user',() => { 
    page.navigateToUserComponent(); 
    let selectUserElem = element(by.id('user-0')).click(); //this event is fired as I can see user getting selected.  
    let deleteUserElem = element(by.id('delete-user-0'));  
    browser.wait(function() { 
     return browser.isElementPresent(by.id('delete-user-0')); 
    }, 5000); 
    expect(deleteUserElem.isPresent()).toBeTruthy(); // if element is present I want to click that element .i.e. delete the first user in array 
    }); 

但至今沒有得到任何成功。

我想在這個環節討論多種方法：

StackOverflow Post

，但不能使它工作。 有幫助嗎？

感謝

Answer 1

使用ExpectedConditions與browser.wait()一起使你的腳本等待一定的條件：

var EC = protractor.ExpectedConditions; 
var elm = element(by.id('delete-user-0')); 

browser.wait(EC.presenceOf(elm), 5000); 

Answer 2

如果你想找出第一DELETE_USER元素，您可以使用下面的XPath。

let deleteUserElem = element.all(by.xpath(".//a[contains(@id, 'delete-user-')]")).first(); 

然後你可以用量角器預期的條件來合併它，直到期望的網絡元素存在。

EC = protractor.ExpectedConditions; 
browser.wait(EC.presenceOf(deleteUserElem),20000, 'element is not visible within the time specified'); 

Answer 3

您使用的是socket.io嗎？如果你在你的應用程序中使用socket.io，量角器不起作用似乎有bug：https://github.com/angular/angular/issues/11853。