reactjs - 如何在 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()