如何在 Cypress 中点击链接？

Question

我想单击页面中的以下链接，其中包含其他几个类似的链接。 我已经尝试了 cy.get() 有多种替代方法。我也试过 cy.contains('Content 6') 但收到错误。

<div class="column">
    <a href="/admin/contents/109">
        <div class="ui segment">
            <div class="ui center aligned header">
                Content 6
                <div class="sub header">Add description to content packages
                </div>
            </div>
        </div>
    </a>
</div>

这是我的最终解决方案：

cy.get('a[href*="admin/contents"]').contains('Content 6').click()

我在此页面上找到了解决方案，并在名为 Udo 的用户的帮助下找到了解决方案：https://docs.cypress.io/faq/questions/using-cypress-faq.html#How-do-I-get-an-element’s-text-contents

href 代码提供了更多关于如何处理此问题的示例，而不是相同问题的其他示例。

Answer 1

您必须“获取”正确的元素才能点击。在您的情况下，可以这样处理：

// find the link with href attribute containing "admin/contents" and click it
cy.get('a[href*="admin/contents"]').click()