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

让我知道你在看什么