量角器无法捕捉mat-dialog-container

Question

我对Angular 5应用程序的量角器测试工作正常，直到它需要捕获带有输入字段的弹出窗口，弹出元素是

<mat-dialog-container class="mat-dialog-container ng-tns-c26-5 ng-trigger ng-trigger-slideDialog ng-star-inserted">

我已经尝试过浏览器等待，浏览器休眠，我的代码目前是：

await element(by.id('mat-dialog-container')).to.eventually.equal(true);
browser.waitForAngular();
browser.sleep(60 * 1000); 
await element(by.id('mat-input-1')).sendKeys('A value');
await element(by.id('mat-input-2')).sendKeys('A value');

在捕捉mat-dialog弹出窗口时观察捕获？

Answer 1

元素的id不是它的标记名。扩展您的HTML并添加ID。然后再试一次。

<mat-dialog-container id="mat-dialog-container" class="mat-dialog-container ng-tns-c26-5 ng-trigger ng-trigger-slideDialog ng-star-inserted">

与您的mat-inputs相同

<mat-input id="mat-input-1"></mat-input>
<mat-input id="mat-input-2"></mat-input>