Text values encoded with   can't be asserted

Reproduced on version 6.0.1

Have a page with markup like: <div class="myClass">hello&nbsp;world</div>

run cypress with test like:

cy.get('.myClass').should('have.text', 'hello world')
cy.get('.myClass').should('have.text', 'hello world')
cy.get('.myClass').should('contain.text', 'hello world')
cy.get('.myClass').should('contain.text', 'hello world')
cy.get('.myClass').contains('hello world').should('exist')
cy.get('.myClass').contains('hello world').should('exist')

All mentioned tests fails, and there does not seem to be any way to verify the content without doing extra text manipulation first.

On top of that, both the AssertionError in the left side-bar and in the console log shows the same counterproductive message of:

expected ‘<div.myClass>’ to have text ‘hello World’, but the text was ‘hello World’

[jennifer-shehane]

I wrote a few ways that you could assert on this below.

The assertion in your tests has all lowercase ‘hello world’ and the Div has ‘hello World’ with a capital W. If you want it to not match the exact casing, then you need to pass: { matchCase: false } to .contains(), but any other assertion would fail without the exact casing.

it('text', () => {
  cy.visit('index.html')
  cy.get('.myClass').contains('hello world')

  cy.get('.myClass').invoke('text').then((text) => {
    // remove the space char
    expect(text.replace(/\u00a0/g, ' ')).equal('hello world')
  })

  cy.get('.myClass').invoke('text')
  // remove the space char
  .invoke('replace', /\u00a0/g, ' ')
  .should('eq', 'hello world')
})

[bahmutov]

@kiwdahc I have added example for your case here https://github.com/cypress-io/cypress-fiddle/commit/9dec37dbbefa0572dcdb3c3b63bb1cfaab43eecd

Short story: .filter(':contains... uses jQuery contains selector, thus you need to use the unicode character for non-breaking space entity which is \u00a0.

.filter(':contains("GBP\u00a00.50")')

I will add notes to your docs