Angular2 Karma/Protractor - 等待元素启用

Question

在我的 Angular2 应用程序中，我有一个 Karma 单元测试，它需要等待一个元素启用。

我的问题是我不确定如何让测试等待该元素启用，然后再尝试单击它。

  it('should check the fundDropdown exists', function () {

        browser.get(url);

        var menuStratItem = element(by.xpath('/html/body/alg-app/mainviewer/p-tabview/div/ul/li[2]/a'));

        // Need to wait for this element to become enabled before I try to click it...
        expect(menuStratItem.isEnabled()).toBe(true);

        menuStratItem.click();

        expect(element(by.id('fundDropdown')).isPresent()).toBe(true);
  });

在继续测试之前如何等待该元素启用？

Answer 1

我发现当条件为真时，我必须使用 .then 调用来执行代码。完整的答案看起来像这样......

  var url = 'http://uat.viewer3.web.algebris.lan';
  var ec = protractor.ExpectedConditions
  var timeout = 60000;

  it('should check the fundDropdown exists', function () {

        browser.get(url);

        var menuStratItem = element(by.xpath('/html/body/alg-app/mainviewer/p-tabview/div/ul/li[2]/a'));

        browser.wait(ec.elementToBeClickable(menuStratItem), timeout).then(function () {
              expect(menuStratItem.isEnabled()).toBe(true);
              menuStratItem.click();
              expect(element(by.id('fundDropdown')).isPresent()).toBe(true);
        });
  });

Answer 2

感谢 Ben Cameron。它对我有用。

使用 isDisplayed() 代替 isPresent() 总是更好。

 it('should check the fundDropdown exists', function () {

    browser.get(url);

    var menuStratItem = element(by.xpath('/html/body/alg-app/mainviewer/p-tabview/div/ul/li[2]/a'));

    browser.wait(ec.elementToBeClickable(menuStratItem), 10000).then(function () {
          expect(menuStratItem.isEnabled()).toBe(true);
          menuStratItem.click();

       expect(element(by.id('fundDropdown')).isDisplayed()).toBe(true);
    });

});

Answer 3

您应该使用browser.wait() 而不是您当前正在执行的操作。这样的事情应该可以工作：

var ec = protractor.ExpectedConditions
var timeout = 60000;

it('should check the fundDropdown exists', function () {
    browser.get(url);

    var menuStratItem = element(by.xpath('/html/body/alg-app/mainviewer/p-tabview/div/ul/li[2]/a'));

    //use browser.wait to wait for element to be clickable
    browser.wait(ec.elementToBeClickable(menuStratItem), timeout);
    menuStratItem.click();

    expect(element(by.id('fundDropdown')).isPresent()).toBe(true);
});