Estoy tratando de crear en Cypress algunas clases y métodos para el sitio web que pruebo y uno de los métodos que logré crear es recursivo. El método había funcionado bien cuando era una "función suelta" en un caso de prueba, pero cuando intento implementarlo como un método en una clase, obtengo un RereferenceError: "choose_Randcategory() no está definido"
Se supone que el método selecciona un elemento aleatorio de una lista desplegable. Hay al menos 2 listas desplegables. Dependiendo de qué tipo de elemento se haya seleccionado de la segunda lista desplegable (o la última de la que se seleccionó un elemento), la siguiente lista desplegable puede o no ser llamada por solicitud ajax. El método comprueba si se ha llamado a la siguiente lista desplegable y se invoca a sí mismo de forma recursiva.
class DropDown_PO { choose_randCategory(id = String(Math.floor(Math.random() * (15)) + 1), number = 2) { let reccur = number + 1 if (id != 0) { cy.get("#category_selector_5>:nth-child(" + id + ")").then(($elem) => { cy.get("#category_selector_5").select($elem.text(), { force: true }); }) } cy.get("div[class='category_level_" + String(number) + "']").find('select').find('option').its('length').then( ($firstele) => { let randomlist = Math.floor(Math.random() * ($firstele - 2)) + 2 cy.get("div[class='category_level_" + String(number) + "']").find('select').find('option').eq(randomlist).then( ($choice) => { cy.get("div[class='category_level_" + String(number) + "']").find('select').select($choice.text(), { force: true }) cy.wait(4000) } ) }) cy.get("body").then( ($body) => { if ($body.find("div[class='category_level_" + String(number + 1) + "']").length) { choose_randCategory(0, reccur); } }) } }Muchas gracias de antemano.
En general, este tipo de error puede manejarse definiendo primero la variable y luego asignando el valor
var choose_randCategory = null; class DropDown_PO { choose_randCategory = (id = String(Math.floor(Math.random() * (15)) + 1), number = 2) => { let reccur = number + 1 if (id != 0) { cy.get("#category_selector_5>:nth-child(" + id + ")").then(($elem) => { cy.get("#category_selector_5").select($elem.text(), { force: true }); }) } cy.get("div[class='category_level_" + String(number) + "']").find('select').find('option').its('length').then( ($firstele) => { let randomlist = Math.floor(Math.random() * ($firstele - 2)) + 2 cy.get("div[class='category_level_" + String(number) + "']").find('select').find('option').eq(randomlist).then( ($choice) => { cy.get("div[class='category_level_" + String(number) + "']").find('select').select($choice.text(), { force: true }) cy.wait(4000) } ) }) cy.get("body").then( ($body) => { if (choose_randCategory != null && $body.find("div[class='category_level_" + String(number + 1) + "']").length) { choose_randCategory(0, reccur); } }) } }Obtiene el error de referencia porque choose_randCategory() no está definido globalmente, sino que existe en su clase DropDown_PO . Entonces, para hacer referencia dentro de esa clase, tendrá que usar this. antes de eso.
cy.get('body').then(($body) => { if ( $body.find("div[class='category_level_" + String(number + 1) + "']") .length ) { // here is where we need to use `this.` this.choose_randCategory(0, reccur); } });