官方Cypress-xpath插件已废弃，Cypress中使用XPath的替代方案有哪些？

方案1：直接调用原生DOM API执行XPath查询 #

无需额外插件，可通过Cypress结合原生document.evaluate实现XPath定位，示例代码如下：

cy.get('body').then($body => {
  const xpathResult = document.evaluate(
    '//div[@class="target-class"]', // 替换为你的XPath表达式
    $body[0],
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  );
  const targetEl = xpathResult.singleNodeValue;
  if (targetEl) {
    cy.wrap(targetEl).click(); // 对找到的元素执行操作
  }
});

方案2：封装自定义命令简化使用 #

为贴近原插件的使用体验，可在Cypress支持文件中封装xpath自定义命令：

1. 在cypress/support/e2e.js（对应环境的支持文件）中添加代码：

Cypress.Commands.add('xpath', (xpathExpr) => {
  return cy.document().then(doc => {
    const result = doc.evaluate(
      xpathExpr,
      doc,
      null,
      XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
      null
    );
    const elements = [];
    for (let i = 0; i < result.snapshotLength; i++) {
      elements.push(result.snapshotItem(i));
    }
    return cy.wrap(elements);
  });
});

2. 使用时直接调用，和原插件用法一致：

cy.xpath('//button[text()="确认"]').click();

方案3：选用社区维护的非官方工具包 #

可寻找社区维护的非官方XPath工具包（需自行评估维护状态与安全性），这类工具能提供更贴近原插件的开箱即用体验。

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