如何使用 jquery 在 Cypress 测试中获取 div 'text' 值

Question

在 Cypress.io 测试中使用 Jquery，如何从下面的 html 标签中获取名为“Wildness”的 div“文本”值。我在我的赛普拉斯测试中尝试了以下，但它在控制台中抛出未定义。

 const $divText = Cypress.$('.ibxudA .WildnessText-kRKTej').text()
         cy.wrap($divText)
           .should("eq", "Wildness")

 <div class="sc-bMvGRv_onetwo">
<div>
<div class="abLeftSection">
<div class="abNewBtn-fTLJBK">
<button class="ifAKCX ohpWT" type="button">New</button>
</div>
<div class="kpLvEV" style="">
<div class="cWzXYZ">
<div class="OgGUG">
<div class="jsnnAD">
<svg class="dFvKsA"></svg>
</div>
</div>
<div class="ibxudA">First</div>
</div>
<div class="kpLvEV" style="">
<div class="bGADLM"><div class="OgGUG">
<div class="jsnnAD">
<svg class="dFvKsA"></svg>
</div>
</div>
<div class="ibxudA">
<div class="WildnessText-kRKTej" title="Wildness">Wildness</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

原文由 soccerway 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我可能会试试这个：

 cy.get(".ibxudA").find('.WildnessText-kRKTej').should('have.text',"Wildness")

或者

cy.get(".ibxudA").find('.WildnessText-kRKTej').invoke('text').then((text) => {
    expect(text.trim()).equal('Wildness')
});

这可能是一个类似的问题： How do you check the equality of the inner text of a element using cypress?

原文由 Maccurt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

cy.get("WildnessText-kRKTej").then(function($elem) {
     cy.log($elem.text())
})

原文由 Singhak 发布，翻译遵循 CC BY-SA 4.0 许可协议