How to get div 'text' value in Cypress test using jquery

javascript jquery cypress
soccerway picture soccerway · Sep 25, 2018 · Viewed 31.2k times · Source

Using Jquery in Cypress.io test, how to get the div 'text' value called 'Wildness' from the below html tag. I have tried below in my Cypress test, but it is throwing undefined in console. 

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

Answer

Maccurt picture Maccurt · Sep 27, 2018

I might try this:

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

or

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

This might be a similar question: How do you check the equality of the inner text of a element using cypress?

Related questions

Is there a way to set CSS properties like `display` using Cypress commands?

I would like to hide an element by setting the display property. I've tried using invoke to set the attribute value, but it may only work for HTML attributes? cy.get('#hubspot-messages-iframe-container > iframe') .invoke('attr', 'display', 'none!important') .…

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More