Playwright是否支持选择<input>元素内的文本？Dynamics 365测试咨询

针对你遇到的Dynamics 365测试场景，以下几种方法可以替代固定坐标的点击方式，实现更精准的文本区域点击：

1. 动态计算文本区域偏移量 #

通过浏览器API获取input内文本的实际位置，动态生成点击坐标，适配不同文本长度和元素尺寸：

const inputLocator = page.get_by_role("textbox", name="Reference");
// 计算文本相对于input元素的X偏移
const textOffsetX = await inputLocator.evaluate(el => {
  const range = document.createRange();
  range.selectNodeContents(el);
  const textRect = range.getBoundingClientRect();
  const elRect = el.getBoundingClientRect();
  // 偏移5px确保点击在文本内部，可根据实际调整
  return textRect.left - elRect.left + 5;
});
// 使用动态偏移点击
await inputLocator.click({ position: { x: textOffsetX, y: 10 } });

2. 直接在浏览器中触发文本区域的点击事件 #

跳过Playwright的元素中心点击逻辑，直接在浏览器环境中模拟文本区域的点击事件：

await page.get_by_role("textbox", name="Reference").evaluate(el => {
  const range = document.createRange();
  range.selectNodeContents(el);
  const textRect = range.getBoundingClientRect();
  // 构造点击事件，指向文本区域中心
  const clickEvent = new MouseEvent('click', {
    clientX: textRect.left + textRect.width / 2,
    clientY: textRect.top + textRect.height / 2,
    bubbles: true,
    cancelable: true
  });
  el.dispatchEvent(clickEvent);
});

3. 结合文本过滤定位后微调点击位置 #

如果目标input的文本内容明确，可以先过滤出包含指定文本的元素，再微调点击位置（比固定坐标更适配多场景）：

await page.get_by_role("textbox", name="Reference")
  .filter({ hasText: "目标参考文本" })
  .click({ position: { x: 5, y: 5 } });

这些方法都能避免固定坐标的局限性，根据你的实际测试场景选择即可。

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