Playwright中has-text定位器无法识别变量问题求助

问题原因 #

你用双引号定义定位器字符串时，ES6模板语法${country}不会被解析，会被当作字面文本处理，导致定位器实际查找的是包含${country}文本的元素，而非变量对应的"India"。

修复方案 #

方案1：改用模板字符串（反引号包裹） #

将定位器的双引号替换为反引号，让变量被正确解析：

const dropdown = page.locator(".ta-results");
let country = "India";
console.log(country);
await dropdown.waitFor();
// 用反引号包裹字符串，解析变量
await page.locator(`.ta-results:has-text('${country}')`).click();

方案2：使用locator.filter()（更推荐） #

Playwright官方推荐用filter()方法筛选元素，逻辑更清晰，也规避了字符串拼接的问题：

const dropdown = page.locator(".ta-results");
let country = "India";
console.log(country);
await dropdown.waitFor();
// 先定位下拉容器，再筛选包含目标国家文本的选项
await dropdown.filter({ hasText: country }).click();

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