Merge pull request #1 from sergeyshmakov/2026-03-13-fix-list-page-object-item

2026 03 13 fix list page object item

Author: sergeyshmakov

.husky/pre-commit

@@ -1,2 +1,3 @@
+npx lint-staged
 npm test
-npx @biomejs/biome check --write --staged --no-errors-on-unmatched
+npm run typecheck

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+	"*.{ts,tsx,js,jsx,json}": "npx @biomejs/biome check --write"
+}

example/e2e/checkout.spec.ts

@@ -57,3 +57,18 @@ test("should use filterByText to get matching items", async ({
 	const widgetItems = checkoutPage.CartItems.filterByText("Widget");
 	await widgetItems.expect().toHaveCount(2);
 });
+
+test("should use ListPageObject without itemType — items are PageObjects", async ({
+	checkoutPage,
+}) => {
+	const firstItem = checkoutPage.CartItemsAsPlainList.items[0];
+	await firstItem.expect().toBeVisible();
+});
+
+test("should iterate CartItemsAsPlainList with for await — items support PageObject API", async ({
+	checkoutPage,
+}) => {
+	for await (const item of checkoutPage.CartItemsAsPlainList.items) {
+		await item.expect({ soft: true }).toBeVisible();
+	}
+});

example/e2e/page-objects/CheckoutPage.ts

@@ -26,6 +26,10 @@ export class CheckoutPage extends PageObject {
 	@ListStrictSelector("CartItem")
 	accessor CartItems = new ListPageObject(CartItemControl);
 
+	/** List without custom item type — items are plain PageObject instances */
+	@ListStrictSelector("CartItem")
+	accessor CartItemsAsPlainList = new ListPageObject();
+
 	async applyPromoCode(code: string) {
 		await this.PromoCode.$.fill(code);
 		await this.ApplyPromoButton.$.click();