Protractor - Angular 功能模塊不同步

Question

我正在嘗試使用 protractor 運行 angular e2e 測試。

這是我的 angular 項目的樣子：

Angular項目

• 主模塊

  • HR模塊（功能模塊）
  • 注冊模塊（功能模塊）

對於我的 e2e 測試，如果我嘗試在主模塊上執行測試，它們運行良好，但對於功能模塊，它會不同步。

我收到的錯誤是 - Angular is not defined. 有時element is not visible within specified timeout

規格代碼：

describe('Page name', () => {

    it('should be able to load page', async () => {
      
        navigateToPage('hr/csvimport');
       
        browser.waitForAngular();
       
        const settingsName = generateRandomNumber();
       
        let btnAdd = element(by.id('btnAdd'));
        await btnAdd.click();
        //expect condition
   });
});

導航到頁面代碼：

export const navigateToPage = async (path) => {
    console.log('set location ' + path);
    if (path === '/' || path === '') {
        await browser.get('/');
    } else {
        await browser.waitForAngular().then(() => {
            browser.get('/' + path);
        });    
    }    
};

我最好的猜測是，由於功能模塊加載了不同的腳本，因此它與 angular 不同步。 目前它僅在點擊時凍結並且測試停止。

問：如何使其與angular同步？

Answer 1

讓我們從 1 開始

navigateToPage和waitForAngular返回承諾。 promise 需要解決。 所以當你打電話給他們時，請使用await

讓我知道你在看什么