Question

我正在用量角器编写一个函数，该函数获取列表的所有行元素。该功能检查多种类型的列表。它使用方法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');
      });
    });
  }

为什么会发生这种数据更改的任何想法？

Answer 1

尝试以下代码。

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

使用ElementArrayFinder作为参数无法解决承诺

1 个答案: