如何单击柏树中跨度类下的链接答案

【问题标题】：How to click a link under span class in cypress如何单击柏树中跨度类下的链接
【发布时间】：2021-07-22 15:33:55
【问题描述】：

如何在以下场景中实现点击链接。我想找到“setup1”并点击

<div class = "abc div " </div>
<span class = "abc expand"> setup1 </span>

【问题讨论】：

【解决方案1】：

简单的 CSS 语法和 cy.conains() 就足够了：

cy.contains ('span[class="abc expand"]', 'setup1').click()

【讨论】：

【解决方案2】：

由于您在这篇文章中使用了 2 个标签，xpath 和 cypress，我假设您想使用 XPath。

假设您将“abc expand”span 转换为“abc div”div（空 div 没有多大意义）。因此，使用 cypress-xpath 的解决方案是：

cy.xpath('//div[@class="abc div"]/span').click();

请注意，为了使用 XPath，您必须使用以下命令安装它：npm install -D cypress-xpath，然后在您的项目中包含 cypress/support/index.js 这一行 require('cypress-xpath').

您可以在此处找到有关安装的更多详细信息：https://www.npmjs.com/package/cypress-xpath

【讨论】：