Не удалось нажать на кнопку в всплывающем e2e

Question

У меня есть кнопка внутри всплывающего окна в .ts файл, мне нужно нажать на эту кнопку и выполнить какое-либо действие,

accept() { 
     let prompt    = Alert.create({ 
      title    : 'Accepted', 
      cssClass   : 'accepted', 
      enableBackdropDismiss    :  false, 
      buttons: [{ 
       text   : 'Accept', 
       cssClass  : 'button1', 
       handler   : data  => { 
        this.approveForm(); 
       } 
      },{ 
       text   : 'Cancel', 
       cssClass  : 'button3', 
       id    : 'cancel', 
       handler   : data  => { 
        console.log(data); 
       } 
      }] 
     }); 

     this.nav.present(prompt); 
    } 

я попытался с помощью своего ИД терминала не говорит ни один элемент найдено я попытался с помощью кнопки текста

it('should open the accept and reject popup click cancel button',() => { 
     acceptPopup.click();  
     element(by.buttonText('CANCEL')).click(); 
     browser.driver.sleep(6000);  
    }); 

, но до сих пор я получаю заблуждаться

✗ should open the accept and reject popup click cancel button 
     - Failed: No element found using locator: by.buttonText("CANCEL") 
F 

Answer 1

Это очень литий kely, что всплывающее окно открывается асинхронно, и оно не видно сразу. Попытайтесь подождать ожидаемого элемента и он будет либо тайм-аут с ошибкой, когда элемент не будет найден, либо продолжит поток управления для текущего теста только после всплывающего окна и появится кнопка.

var timeout = 10000; // default value for timeout 
 
browser.wait(function() { 
 
    return browser.isElementPresent(element(by.buttonText('CANCEL'))); 
 
}, timeout);