I am trying to create in Cypress some classes and methods for the website I test and one of the methods I managed to create is recursive. The method had worked fine when it was a "loose function" in a test case, but when I'm trying to implement it as a method in a class I am getting a RereferenceError: "choose_Randcategory() is not defined"
The method is supposed to select a random item from a drop-down list. There are at least 2 drop-down lists. Depending on what kind of an item has been selected from the second (or the last which an item was selected from) drop-down list, the next drop-down list may or may not be called by ajax request. The method checks whether the next drop-down list has been called and invokes itself recursively.
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);
}
})
}
}Many thanks in advance.
Generally this kind of error can handle by first define variable then assign value
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);
}
})
}
}
You're getting the reference error because choose_randCategory() is not defined globally, but instead exists on your DropDown_PO class. So to reference it within that class, you'll have to use this. before it.
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);
}
});