Aquí está el enunciado del problema. Estoy tratando de encontrar todos los artículos en una página web y encontrar el artículo con el precio mínimo usando Cypress. El problema es que, mientras esté dentro de la función interna, minPrice es correcto. Sin embargo, cuando trato de imprimir minPrice en la función externa, minPrice nuevamente se asigna a su valor de alcance externo. Soy bastante nuevo en JS, así que parece que me falta un concepto básico de JS aquí. Intenté muchas cosas como alcance variable, async/await (que Cypress afirma que no necesita), pero no tuve éxito. ¡Por favor ayuda!
A continuación se muestra el código.
getMinPrice(){ //Initialize to a very big number var minPrice = 10000; cy.get('.btn.btn-primary').each(function ($el, index,$list) { //For each element, do some parsing to get the price for the item var textToParse = $el.attr('onclick'); var price = textToParse.slice(-4,-1); price = parseInt(price,10); //compare price with current MinPrice if (price < minPrice) minPrice = price; }); cy.log(minPrice); // Logs 10000 which is not what I am expecting }Es porque JS funciona de forma asíncrona, su declaración de registro se ejecuta antes de que se actualice el valor de minPrice . Para asegurarnos de que el registro tenga el precio mínimo actualizado, podemos usarlo then asegurarnos de que la declaración del registro se ejecute solo después de que cada una haya terminado de ejecutarse.
cy.get('.btn.btn-primary') .each(function ($el, index, $list) { //For each element, do some parsing to get the price for the item var textToParse = $el.attr('onclick') var price = textToParse.slice(-4, -1) price = parseInt(price, 10) //compare price with current MinPrice if (price < minPrice) minPrice = price }) .then(() => { cy.log(minPrice) //should have the updated value })