typescript - 无法解决以 ElementArrayFinder 作为参数的 promise

Question

我正在用 Protractor 编写一个函数来获取列表的所有行元素。该函数检查多种类型的列表。它使用方法 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 函数的函数在其回调中收到一个数组 OF ElementFinders。这是其中一个调用:

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

因为我期望 contacts 是一个 ElementArrayFinder，所以我尝试调用它的 count() 方法。这失败了，因为 contacts 的类型错误。

我已经找到了解决方法。我将我的 ElementArrayFinder“封装”在一个父对象中，并以此兑现我的 promise 。这样，数据类型不会改变。但是我必须在我的回调中访问该对象的成员，这并不理想。

解决方法如下:

  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');
      });
    });
  }

对于为什么会发生这种数据更改有什么想法吗？

Answer 1

尝试使用以下代码。

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