[Question] Is there way to iterate the Locator elements?

Hi all,

I would like to iterate the Locator elements while using the ‘of’ operator. For example, if I found several same elements with a page.locator function - is there way to check each of them through the loop iteration:

let arrayOfLocators = page.locator('element);
for (let singleLocator of arrayOfLocators) {
    const textOfElement = await singleLocator.innerText();
}

Seems like it is not possible with Locator elements and can be very useful!

[0xIslamTaha]

@DanielStoica85 I managed to solve it with the following code

test('user can check multiple radio ', async ({ page }) => {
  const radios = await page.locator('[type="radio"]');
  const count = await radios.count();
  for (let i = 0; i < count; i++) {
    await radios.nth(i).click();
  }
})

[DetachHead]

you could make a generator

async function* iterateLocator(locator: Locator): AsyncGenerator<Locator> {
    for (let index = 0; index < await locator.count(); index++) {
        yield locator.nth(index)
    }
}

now you can iterate over them with a for await loop:

for await (const locator of iterateLocator(page.locator('some-selector'))) {
    console.log(locator)
}