Enter The Balance Value Into The Input Field

Опубликовано: 05 Декабрь 2022
на канале: gleb bahmutov
956
22

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)


На этой странице сайта вы можете посмотреть видео онлайн Enter The Balance Value Into The Input Field длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь gleb bahmutov 05 Декабрь 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 956 раз и оно понравилось 22 зрителям. Приятного просмотра!