Using Cypress (just started), I can't find a way to assert the equality of text in the two input boxes as in the picture. The use case is that when a user sets a pickup location, by default the same location should appear in the drop off box.

To test the above, I wrote this code:

  cy.get('input#dropFtsAutoplete').should("have.value" , cy.get('input#ftsAutoplete'));

Correctly, Cypress plains with the following error:

Error: AssertionError: expected '' to have value { Object (chainerId, firstCall) }, but the value was 'Manchester Airport (MAN), Manchester, United Kingdom'

What am I missing?

Using Cypress (just started), I can't find a way to assert the equality of text in the two input boxes as in the picture. The use case is that when a user sets a pickup location, by default the same location should appear in the drop off box.

To test the above, I wrote this code:

  cy.get('input#dropFtsAutoplete').should("have.value" , cy.get('input#ftsAutoplete'));

Correctly, Cypress plains with the following error:

Error: AssertionError: expected '' to have value { Object (chainerId, firstCall) }, but the value was 'Manchester Airport (MAN), Manchester, United Kingdom'

What am I missing?

• javascript
• jquery
• testing
• chai
• cypress

2 Answers 2

In order to achieve this just follow the Cypress FAQ:

cy.get('input#ftsAutoplete').invoke('val').then(pickUpLocation => {
        cy.get('input#dropFtsAutoplete').should('have.value', pickUpLocation)
    })

I think there's a couple of ways of doing this (selecting multiple elements and testing the bination).

The way I've been doing it is something like

cy.get('input#ftsAutoplete').then(ftsElement => {
  cy.get('input#dropFtsAutoplete').should('have.value', ftsElement.textContent.trim())
})

Essentially, cypress mand are asynchronous, so you can handle them in a similar way to promises.

You may have to fiddle with the exact syntax for getting the text value.