Cypress not interacting properly with DOM elements, even when the element is visible.

[yopdp]

Alert checking function:

checkPopUpButton(alertType) {
gen_info_elements
.alertPopupBottom()
.scrollIntoView()
.then(($alert) => {
if (alertType == true) {
expect($alert).to.include.text(genInfoData.alertText.success);
} else if (alertType == false) {
expect($alert).to.include.text(genInfoData.alertText.failure);
}
});
}"

Alert is clearly visible and contains success/error alert text. But it is giving this kind of error message:

expected <ion-toast#ion-overlay-3.ion-color.ion-color-danger.ios.toast-msg.hydrated> to contain text Try filling the mandatory fields., but the text was ''