Gleb Gleb - 1 month ago 52
Javascript Question

A Jasmine spec timed out. Resetting the WebDriver Control Flow - when redirect to new page

I'm bedinner in e2e testing and have a problem.
When I do login - I make redirect from login.php to index.php page.
But my test is fails with following errors:

..A Jasmine spec timed out. Resetting the WebDriver Control Flow.
F

Failures:
1) Login Page should login and redirect to overview page with CR Operators rights
Message:
Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.
Stack:
Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.

3 specs, 1 failure


My code:

it('should login and redirect to overview page with CR Operators rights', function(sync) {
element(by.model('username')).clear().sendKeys('testuser');
element(by.model('password')).clear().sendKeys('test');
element(by.css('[type="submit"]')).click();
expect(browser.getLocationAbsUrl()).toMatch('/overview');
});


So the question is how I can wait when my page will reload and check url?

UPD

I make an Ajax POST request and if login/pass are correct I do redirect to /index.php

UPD 2

I have tried several constructions with browser.wait (browser.driver.wait) but without any success:

it('should login and redirect to overview page with CR Operators rights', function(done) {
element(by.model('username')).clear().sendKeys('testuser');
element(by.model('password')).clear().sendKeys('test');
element(by.css('[type="submit"]')).click();

setTimeout(function() {
expect(element(by.css('body')).getText()).toContain('Welcome Test User');
done();
}, 1000);
});


and

it('should login and redirect to overview page with CR Operators rights', function(done) {
element(by.model('username')).clear().sendKeys('testuser');
element(by.model('password')).clear().sendKeys('test');
element(by.css('[type="submit"]')).click();

browser.driver.wait(function() {
return browser.driver.getCurrentUrl().then(function(url) {
console.log(url);
return (/overview/).test(url);
});
}, 5000);
expect(browser.getLocationAbsUrl()).toMatch('/overview');
done();
});


everything of these don't work :( BUT when I don't use browser or element - it works. E.g.:

it('should login and redirect to overview page with CR Operators rights', function(done) {
element(by.model('username')).clear().sendKeys('testuser');
element(by.model('password')).clear().sendKeys('test');
element(by.css('[type="submit"]')).click();

setTimeout(function() {
expect(true).toBe(true);
done();
}, 1000);
});


So I guess that here is a problem when use browser and element after redirect.

Any thoughts?

Answer

OK, I have resolved this issue by myself, but not sure why element and browser don't work. I have changed

expect(element(by.css('body')).getText()).toContain('Welcome Test User');

to

expect(browser.driver.findElement(by.css('body')).getText()).toContain('Welcome Test User');

So I have changed element to browser.driver.findElement and everything works.

I don't know why it happens, but it works :)

UPD

As I understand, browser.driver.findElement - is not angular way and we should use it if we use non-angular pages. Although I use angular it seems that element and browser doesn't re-initialize. Some info I found here http://engineering.wingify.com/posts/angularapp-e2e-testing-with-protractor/#test-both-angularjs-and-non-angularjs-based-pages