温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - Is it better to use 'contains' or 'get' to find an element?
cypress javascript

javascript - 使用“包含”或“获取”来查找元素更好吗?

发布于 2020-04-20 16:48:50

我正在编写一个login.spec.js,目前,我正在检查其他登录选项链接的可用性(按照最佳做法的建议,我仍然没有机会创建特定标签来测试这些元素):

<span id="DDB_Social_List">
    <span>Further login options:</span>
    <a href="..."><span><label class="icon soclgn facebook"></label><strong>Facebook</strong></span></a>
    <a href="..."><span><label class="icon soclgn paypal"></label><strong>Paypal</strong></span></a>
    <a href="..."><span><label class="icon soclgn microsoft"></label><strong>Windows Live</strong></span></a>
</span>

我实现了两种不同的方法来检查这些链接的可用性:

cy.get('span#DDB_Social_List > a:nth-child(2)').should('have.attr', 'href','...')

cy.contains('Facebook').should('have.attr', '...')

哪种方法更好,为什么呢?我完全不知道

查看更多

提问者
Noob_Number_1
被浏览
54
DurkoMatko 2020-02-05 22:26

.get()如果您知道元素的合适选择器,我建议使用如果您使用的是简单.contains('Facebook')字,并且还有另一个包含Facebook单词的元素,则可能会导致柏树与该元素匹配。我猜是否有几个元素匹配,这取决于DOM树中的顺序。在这种情况下,您需要确定元素的顺序和使用.first().last()命令(https://docs.cypress.io/api/commands/first.html

使用.get()取决于您知道选择器(标签,类,属性等)的条件。更具决定性,并选择您使用选择器指定的确切元素。使用get并避免将另一个元素与相同文本匹配的风险。

您可以在此处阅读有关这两种用法的更多信息:

在您的特定情况下,如果列表上方有一个div(例如<div> Facebook is amazing!</div>cy.contains('facebook')将与之匹配,则您要查找的属性可能会有所不同,因此您的测试将失败。