量角器测试制表符值

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>

我试过量角器：

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 是否存在然后单击它并测试它是否包含在 app-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');
  }
});

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

量角器测试制表符值

Protractor test a tab value

javascript

jasmine

protractor

angular