How to extract text from an element in Cypress ,store it into variable and manipulate it

Try:

 cy.get('balance element').invoke('text').then((text) => { cy.wrap(text).as('balanceText'); }); 

Do this in beforeEach then you can use it in further it-functions like this:

it('my test', function () { console.log(this.balanceText); }) 

In your case, you can return the value from your then() command and have the value available in a subsequent command.

it('login to my eshop that uses virtual currency' , function() { cy.visit('my favorite shopping site') cy.get('#username').type('user') cy.get('#password').type('pass') cy.get('balance element') .then(function(text1){ return text1.text() }).then(function(text) { // code that uses the `text` variable }); }) 

Option 1:

let balance; it('Test case 1 Return variable', () => { cy.get("balance element").invoke("text").then(cy.log).then((text) => { balance = text; return text; }) }); it('Test case 2 Use variable', () => { cy.log(balance) }); 

Option 2

let balance; it('Test case 1 Return variable', () => { cy.get('balance element').invoke("text").then((text) => { cy.log("Text", text).then(() => { balance = text; return balance; }) }); }); it('Test case 2 Use variable', () => { cy.log(balance) }); 

Option 3 You can use the approach which the log:added event

// top of spec

const logs = [] Cypress.on('log:added', (log) => { const message = `${log.consoleProps.Command}: ${log.message}` logs.push(message) }) 

Then in your it block

it('writes to logs', () => { cy.get('balance element').invoke('text').then((text) => { const balance = text cy.log('balance', balance) cy.writeFile('cypress/fixtures/logs.txt', balance) }) }); 

Ok with the help of all your answers and about 1 day of trying this flow worked for me. I am leaving this edited snippet in case someone else finds it helpful. I am sure more experienced developers or testers can do that with a lot less lines.

 /// <reference types="cypress" /> let balance; let productPrice; let productPricenum; let balanceAfter; let finalCalculation = balance - productPricenum; it('Buy a product and assign balance and cost variables', () => { ///Login proccess - custom commands cy.home() cy.login() ///Get your initial balance cy.get('balance element here').invoke("text").then(cy.log).then((text) => { balance = parseInt(text); return text; }) /// Get the products price from the product page, extract the price from the string and convert price string to int. Assign final calculation to variable /// Since i get the numbers from dynamic elements i had to parseInt one and split and parseInt the other to make numerical calcs cy.visit('product page') cy.get('product price element here').invoke('text').then(cy.log).then((text) => { productPrice = text.split(' ')[1]; productPricenum = parseInt(productPrice); finalCalculation = balance - productPricenum; }) ///Buy the product - this will differ from case to case and perhaps needs more steps to the final purchase cy.get('element to click to purchase the product eg. buy now button').click() ///return to homepage after purchase in case the balance isn't auto-refreshed cy.home() ///Get your new balance again after the purhcase cy.get('balance element here').invoke("text").then(cy.log).then((text) => { balanceAfter = parseInt(text) return text; }) }); it('print out the variables just because you like to see what you got', () => { cy.log('My current balance is :' + balance) cy.log('Product costs: ' + productPrice) cy.log('After buying it i have:' + finalCalculation) cy.log('My new balance is now: ' + balanceAfter) console.log('Balance is a ', typeof balance + ' and it is ->' + balance) console.log('Product price is a ', typeof productPrice + ' and it is ->' + productPrice) console.log('Converted Product price is a ', typeof productPricenum + ' and it is ->' + productPricenum) console.log(`I must be left with : ${balance - productPricenum}`) console.log('My new balance is: ' + balanceAfter) }) it('Assert that the deduction of the cost was proper by comparing the numbers', () => {expect(finalCalculation).to.equal(balanceAfter)})