量角器测试选项卡值

Question

下面是我的标签列表的html示例

<mat-tab-group>
<mat-tab label="A">
<app-A></app-A>
</mat-tab>
<mat-tab label="B">
<app-B></app-B>
</mat-tab>
<mat-tab label="C"></mat-tab>
<mat-tab label="D"> <app-D></app-D></mat-tab>    
</mat-tab-group>

I tried with protractor:

it('check tab D',function(){
browser.get('http://localhost:4200/');
var elems = element(by.css('.mat-tab[label="D"]'));
// expect(elems).toEqual('D');
// tab.toEqual('D');
// element(by.model('mat-tab label="D"')).click();
console.log('D exist');

但没有找到结果。有什么建议吗?我想测试如果选项卡D存在，然后点击它，测试它是否包含在应用程序D中定义的一些值由于

Answer 1

这就行了

it('check tab D',async function() {
await browser.get('http://localhost:4200/');
/*
overhere you may need to insert a waiting condition
wait until logo is present
wait until the welcome message is present etc
*/
var elems = element(by.css('.mat-tab[label="D"]'));
if (await elems.isPresent()) {
console.log('D exist');
}
});

可能，您的问题不是找出元素是否存在，您可能只需要等待，直到页面完全加载。不要依赖内置量角器的等待