Как получить значение div 'text' в тесте Cypress с помощью jquery

Question

Используя Jquery в тесте Cypress.io, как получить значение div 'text' с именем 'Wildness' из приведенного ниже html-тега.Я попытался ниже в моем тесте Cypress, но он выбрасывает неопределенное в консоли.

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>

Answer 1

Я мог бы попробовать это:

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

или

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

Это может быть похожий вопрос: Как проверить равенствовнутренний текст элемента с использованием кипариса?

Answer 2

cy.get('.ibxudA .WildnessText-kRKTej').invoke('text').then((yourDivText) => {
   expect(yourDivText.toString().toLowerCase()).to.contain('wildness');
});