從無角度登錄頁面的量角器測試

Question

我想從我的網站測試一個基本的登錄/註銷。我的角度應用程序的入口點來自非角度登錄頁面（oauth），然後在驗證憑據後爲應用程序提供服務。我的測試將在本地運行，但不會在Circle Ci上運行;我的錯誤是這樣的;

Message: 
    Failed: Error while waiting for Protractor to sync with the page: "angular could not be found on the window" 
    Stack: 
Error: Failed: Error while waiting for Protractor to sync with the page: "angular could not be found on the window" 

這裏是我的測試功能：

it('Log into Webapp', function() { 
    browser.ignoreSynchronization = true; 
     browser.manage().timeouts().pageLoadTimeout(40000); 
     browser.manage().timeouts().implicitlyWait(25000); 

     browser.get('http://localhost:8000/login'); 

     element(by.id('username')).sendKeys('x..'); 
     element(by.id('password')).sendKeys('...'); 
     element(by.name('Login')).click(); 

     setTimeout(function(){}, 15000); 
     element(by.name('save')).click(); 

     setTimeout(function(){}, 10000); 
     //browser.waitForAngular(); 
     //browser.ignoreSynchronization = false; 
     //browser.ignoreSynchronization = false; 
     // Angular app should be served, Logout is on this 
     browser.ignoreSynchronization = false; 

     element(by.name('logoutBtn')).click(); 

}); 

Answer 1

嘗試移動ignoreSynchronization到beforeEach和afterEach：

beforeEach(function() { 
    browser.ignoreSynchronization = true; 
}); 

afterEach(function() { 
    browser.ignoreSynchronization = false; 
}); 

幫我解決：Non-angular page opened after a click。

Answer 2

用browser.sleep（10000）替換setTimeout調用;

setTimeout在超時後執行回調函數，但主「線程」繼續其執行流程。所以你並不是真的在等待。

此外，您可以在最後一次logoutBtn單擊之前使用browser.waitForAngular（）。

像這樣：

it('Log into Webapp', function() { 
    browser.ignoreSynchronization = true; 
    browser.manage().timeouts().pageLoadTimeout(40000); 
    browser.manage().timeouts().implicitlyWait(25000); 

    browser.get('http://localhost:8000/login'); 

    element(by.id('username')).sendKeys('x..'); 
    element(by.id('password')).sendKeys('...'); 
    element(by.name('Login')).click(); 

    browser.sleep(15000); 
    element(by.name('save')).click(); 

    browser.sleep(10000); 
    browser.waitForAngular();   

    element(by.name('logoutBtn')).click(); 

    // Angular app should be served, Logout is on this 
    browser.ignoreSynchronization = false; 

}）;