Nightwatch.js中模拟鼠标选中文本的实现问题

你原来的代码没生效，大概率是偏移坐标不对或者缺少必要的等待/步骤衔接，下面给两种可行的方案：

方案一：修正鼠标模拟步骤 #

模拟鼠标拖拽选中文本时，要注意元素的实际布局（比如内边距），且给浏览器留响应时间：

首先获取元素的宽高，再调整拖拽的起始和结束坐标：

browser.execute(function(xpathSelector) {
  const element = document.evaluate(xpathSelector, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  const rect = element.getBoundingClientRect();
  return { width: rect.width, height: rect.height };
}, ['你的XPath选择器'], function(result) {
  const elemWidth = result.value.width;
  const elemHeight = result.value.height;

  browser
    .waitForElementVisible('xpath', '你的XPath选择器', 5000)
    // 移到文本区域的起始位置（避开元素内边距，设x=10，y为元素高度一半）
    .moveToElement('xpath', '你的XPath选择器', 10, elemHeight / 2)
    .mouseButtonDown()
    .pause(100) // 停顿确保浏览器响应按下事件
    // 移到文本区域的末尾位置
    .moveToElement('xpath', '你的XPath选择器', elemWidth - 10, elemHeight / 2)
    .pause(100)
    .mouseButtonUp();
});

方案二：用JavaScript直接选中文本（更可靠） #

模拟鼠标容易受浏览器和布局影响，直接执行JS选中文本的兼容性更好：

选中文本的一部分 #

browser.execute(function(xpathSelector) {
  const element = document.evaluate(xpathSelector, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  const range = document.createRange();
  // 示例：选中第0到第10个字符（根据需求调整起始和结束偏移量）
  range.setStart(element.firstChild, 0);
  range.setEnd(element.firstChild, 10);
  const selection = window.getSelection();
  selection.removeAllRanges();
  selection.addRange(range);
}, ['你的XPath选择器']);

选中全部文本 #

如果需要选中元素内所有文本，可简化为：

browser.execute(function(xpathSelector) {
  const element = document.evaluate(xpathSelector, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
  const selection = window.getSelection();
  selection.selectAllChildren(element);
}, ['你的XPath选择器']);

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