angular - 如何使用 Protractor 检查元素是否存在？

Question

我为 Angular2 应用编写了以下 Protractor 测试:

describe('Puppet container', () => {

  beforeEach(() => {
    browser.get('/#/puppet');
  });

  it('should display puppet summary', () => {
    browser.wait($('puppet-summary').isPresent, 1000);

    const subject = $('puppet-summary').isDisplayed();
    const result = true;

    expect(subject).toEqual(result);
  });

});

它一直失败，原因如下:Failed: Cannot read property 'parentElementArrayFinder' of undefined

谁能告诉我为什么会出现此错误？我有一个页面只显示 <puppet-summary>加载来自后端的数据时的元素。这就是为什么我要检查它是否存在(它只在半秒左右后才出现)。为了仅在有数据要显示时显示它，我使用了以下 HTML 代码:

<div *ngIf="puppetMasters.length">
    <puppet-summary></puppet-summary>
</div>

puppetMasters是一个数组，一旦从后端加载数据就会被填充。

Answer 1

browser.wait($('puppet-summary').isPresent, 1000);

“等待元素出现”应该通过内置的 presenceOf Expected Condition 完成。 :

var EC = protractor.ExpectedConditions;
var elm = $('puppet-summary');
browser.wait(EC.presenceOf(elm), 1000);