我正在编写一个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', '...')
哪种方法更好,为什么呢?我完全不知道
.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')
将与之匹配,则您要查找的属性可能会有所不同,因此您的测试将失败。