如何在Playwright中用locator.evaluateAll()获取指定aria-label的按钮数组？

你的写法问题出在这两点：

1. evaluateAll的回调参数是所有匹配到的按钮数组，你把参数名写成button（单个元素），逻辑上就错了
2. 你试图把元素转成字符串拼接CSS选择器语法，这完全不是筛选元素的正确方式，应该遍历数组判断每个元素的aria-label属性

正确写法一：用evaluateAll筛选 #

const elements = this.page.locator('button');
const allSigButtons = await elements.evaluateAll((buttons) => 
  buttons.filter(button => {
    const label = button.getAttribute('aria-label');
    return label === 'Sign' || label === 'Initial';
  })
);

更简洁的写法二：直接用CSS选择器定位 #

其实不需要用evaluateAll，Playwright的locator支持多条件CSS选择器，一行就能搞定：

const allSigButtons = await this.page.locator('button[aria-label="Sign"], button[aria-label="Initial"]').all();

这种方式更符合Playwright的使用习惯，性能也更好，因为是直接由浏览器定位元素，不需要额外的JS筛选。

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