Ytukyg

I need to check the text of a Div tag and ensure if it is showing the correct text of not

here is the HTML Code:

Here is the step definition i wrote to assert the content

    Given(/^offer summary section should display "([^"]*)" amount against "([^"]*)"$/, (charge, labelText) => {

    const parentElement = cy.get('.c-offer-summary > .c-offer-summary__ledger').children('.c-ledger__section').find('.c-ledger__row-name').contains(labelText).parent();

    parentElement.find('.c-ledger__row-amount').invoke('text').should('eq',charge);

});

But cypress is throwing an error:

I am not sure where i am going wrong !!! :(

any help is appreciated

I assume you are trying to to test that .c-ledger__row-amount is "DKK 15.00". Try this.

cy.get(".c-ledger__row-amount").invoke('text').then((text) => {

         expect(text.trim()).equal('DKK 15.00');

});

Sometimes you have to remove the trailing spaces

This looks like a similar problem to Replacing "&nbsp" from javascript dom text node.

Please try this command chain

const parentElement = cy.get('.c-offer-summary > .c-offer-summary__ledger')

  .children('.c-ledger__section')

  .find('.c-ledger__row-name')

  .contains(labelText)

  .parent();



parentElement.find('.c-ledger__row-amount')

  .invoke('text')

  .should('satisfy', (text) => text.replace(/u00a0/g, ' ') === charge);