Missing semicolon in Playwright [closed]

Your click selector is the main problem.
You define it like this:
this.product = "//div[normalize-space()='${productName}']";

Since the class doesn’t receive productNam, that string never gets interpolated. Playwright literally sees "${productName}", so the locator won’t match anything.

Just build the selector inside the loop when you actually have the value:

async addToCart(productName) { const items = await this.page.$$(this.productList); for (const item of items) { const text = await item.textContent(); if (text?.includes(productName)) { await this.page.locator(`//div[normalize-space()='${productName}']`).click(); break; } } }

I hope this will be work for you.