WebdriverIO异步Promise问题求助：为何返回Promise数组？

你遇到的问题核心在于普通数组的map方法和WebdriverIO提供的ElementArray/ElementArrayPromise的map方法行为完全不同，以及await只能处理单个Promise，无法直接解析数组里的所有Promise。

为什么第一种写法返回Promise数组？ #

• 你在test.js里提前用await Page.listOfElements解析了元素列表，传递给getTextOfElements的是解析后的ElementArray（或普通元素数组）。
• 当你调用item.map(async i => await i.getText())时，若item是普通数组，这里调用的是Array.prototype.map——这个方法会直接返回一个由async函数生成的Promise数组。
• await仅能等待单个Promise完成，对数组无效，因此最终得到的是未解析的Promise数组。

为什么第二种写法能正常工作？ #

第二种写法里，this.listOfElements是$$返回的ElementArrayPromise，它自带的map方法是WebdriverIO专为异步操作设计的：

• 该map方法会自动遍历每个元素，等待所有getText()的Promise完成，最终返回一个解析后的结果数组的Promise。
• 你用await等待这个Promise，自然就能得到纯文本数组。

解决方法 #

如果你想保留“传递元素列表作为参数”的写法，可以用以下两种方式修改：

方法1：传递未解析的ElementArrayPromise，使用WebdriverIO的异步map #

// Page.js
async getTextOfElements(elementPromise) {
    // 直接用ElementArrayPromise的map方法，无需提前await
    return elementPromise.map(i => i.getText());
}

// test.js
const printOut = await Page.getTextOfElements(Page.listOfElements);
console.log(printOut);

方法2：用Promise.all解析数组里的所有Promise #

如果必须传递已解析的元素数组，就用Promise.all统一等待所有getText()的Promise完成：

// Page.js
async getTextOfElements(elements) {
    // 先获取所有文本的Promise，再用Promise.all统一解析
    const textPromises = elements.map(i => i.getText());
    return Promise.all(textPromises);
}

// test.js
const printOut = await Page.getTextOfElements(await Page.listOfElements);
console.log(printOut);

内容的提问来源于stack exchange，提问作者F_G