Enter The Balance Value Into The Input Field
Let's say we want to look up the available balance in the table, parse the value, then enter it into the input field. The full test code is available at https://glebbahmutov.com/cypress-exam... We can chain the commands to find the row, then find the cell, then parse the text into a number.
// find the row that includes the balance text
// and then find a child TD cell with "$"
cy.contains('tr', 'Available balance')
.contains('td', '$') // yields jQuery object
.invoke('text') // yields its text
.invoke('replace', '$', '') // removes "$" character
.then(parseFloat) // yields a number
// confirm the balance is reasonable
.should('be.within', 1, 10_000)
.then(function (balance) {
// now we can type this balance into the input field
cy.get('#transfer').type(balance)
})
Tip: a much better test would know exactly the balance shown on the page, without looking it up:
cy.contains('tr', 'Available balance').contains('td', '$800')
cy.get('#transfer').clear().type(800)