How can assertion be applied in Typescript Playwright while looping through an array of Locators?

edit

To apply assertion in Typescript Playwright while looping through an array of Locators, you can use the "for...of" loop to iterate through the array and perform the assertion on each locator. Here's an example:

import { test, expect } from '@playwright/test';

const locators = [
  page.locator('#element1'),
  page.locator('#element2'),
  page.locator('#element3')
];

test('verify elements', async ({ page }) => {
  for (const locator of locators) {
    await expect(locator).toBeVisible();
  }
});

In this example, we create an array of locators and loop through each locator using the "for...of" loop. For each locator, we perform an assertion using the "expect" API in Playwright. The assertion checks if the element is visible on the page.

By using this approach, we can easily apply assertions to multiple elements in a single test case.