typescript - 使用ElementArrayFinder作为参数无法解决 promise

我正在用量角器编写一个函数，它获取列表的所有行元素。该函数检查多种类型的列表。它使用isPresent()方法检查是否存在一种类型的列表。如果没有，它将转到下一个类型。因为isPresent()方法是异步的，所以我必须通过promise返回我的行数组。我试图将其返回为ElementArrayFinder.

  public getAllListElements(listName: string): Promise<ElementArrayFinder> {

    return new Promise<ElementArrayFinder>((resolve) => {
      element(by.css('.list-title')).isPresent().then((result) => {
        let elems: ElementArrayFinder;
        if (result === true) {
          elems = element(by.cssContainingText('.list-title', listName)).element(by.xpath('../..')).all(by.css('mat-row'));
          resolve(elems);
        } else {
          elems = element(by.cssContainingText('.mat-header-cell', listName)).element(by.xpath('../..')).all(by.css('mat-row'));
          resolve(elems);
        }
      });
    });
  }

调试之后，我可以确认存储在elems变量中的数据是一个elementarrayfinder。因此，调用getAllListElements函数的函数在其回调函数中接收一个ElementFinders数组。以下是其中一个电话：

  navigateAllContacts() {
    this.helpers.getAllListElements('Contacts').then((contacts) => {
      contacts.count().then((size) => {
        console.log('Navigating trough ' + size + ' contacts');
      });
    });
  }

因此，由于我希望contacts是一个ElementArrayFinder，所以我尝试调用它的count()方法。此操作失败，因为contacts的类型错误。
我找到了解决办法。我将我的ElementArrayFinder封装在父对象中，并用它来解决我的承诺。这样，数据类型就不会改变。但我必须在回调中访问对象的成员，这并不理想。
以下是解决方法：

  public getAllListElements(listName: string): Promise<any> {

    return new Promise<any>((resolve) => {
      element(by.css('.list-title')).isPresent().then((result) => {
        let elems = { eaf : null};
        if (result === true) {
          elems.eaf = element(by.cssContainingText('.list-title', listName)).element(by.xpath('../..')).all(by.css('mat-row'));
          resolve(elems);
        } else {
          elems.eaf = element(by.cssContainingText('.mat-header-cell', listName)).element(by.xpath('../..')).all(by.css('mat-row'));
          resolve(elems);
        }
      });
    });
  }

方法调用：

  navigateAllContacts() {
    this.helpers.getAllListElements('Contacts').then((contacts) => {
      contacts.eaf.count().then((size) => {
        console.log('Navigating trough ' + size + ' contacts');
      });
    });
  }

你知道为什么会发生这种数据变化吗？

最佳答案

尝试使用以下代码。

navigateAllContacts() {
    this.helpers.getAllListElements('Contacts').then(function(contacts) => {
      contacts.count().then(function(size) => {
        console.log('Navigating trough ' + size + ' contacts');
      });
    });
  }