Synchronization inside the 'it' Block in protractor

Question

Hi actually i'm facing sync in 'it' block of my code. Following snippet depicts the problem.

 it('Some Download Operation',function()
 {
    console.log("before");
    myobj.clickOnDownloadBtn();
    console.log("after download click");
    browser.driver.sleep(5000);
    var enter = browser.actions().sendKeys(protractor.Key.ENTER);
    enter.perform();
    console.log("after enter btn");
});

Im getting the output like:

before
after download click
after enter btn
//Then the  click on PO Object's 'myobj.clickOnDownloadBtn()' operation.

Please soon let me know the problem and solution for this.

why don't you use settimeout? – Amit Soni May 24 '16 at 11:27 — Amit Soni, May 24 '16 at 11:27

score 2 · Answer 1 · answered May 24 '16 at 16:13

2

You have to add then function, like this way :

 it('Some Download Operation',function()
 {

    myobj.clickOnDownloadBtn().then (function() {
    console.log("after enter btn");
    console.log("after download click");
    });

    browser.driver.sleep(5000);
    var enter = browser.actions().sendKeys(protractor.Key.ENTER);
    enter.perform().then (function() {
    console.log("after enter btn");
    });

});

answered May 24 '16 at 16:13

Emna Ayadi

2,430
8
37
77

1

Good job! Btw, added a little bit more to "why" this would work in a separate answer. – alecxe May 24 '16 at 17:51
Thanks for your encouragements alecxe ;) we are learning from your examples ;) – Emna Ayadi May 24 '16 at 18:15
1

Thanks alecxe and Emna :) – balu May 25 '16 at 04:11
but the Enter Key Operation didn't worked... from escaping/dowloading a file.... :( – balu May 25 '16 at 04:18
1

@balu sounds like a separate problem to me. Consider creating a separate question and resolving this topic by accepting Emna's answer. Thanks! – alecxe May 25 '16 at 13:02

score 2 · Answer 2 · edited May 23 '17 at 11:44

To elaborate a little bit more to why @Emna's solution would help:

Protractor is entirely asynchronous and is based on the concept of promises - you cannot expect your code work from top to bottom in a blocking nature. In Protractor, there is that Control Flow mechanism that acts as a queue of WebDriver promises.

To put that into the perspective of your code:

console.log("before");
myobj.clickOnDownloadBtn();
console.log("after download click");
browser.driver.sleep(5000);
var enter = browser.actions().sendKeys(protractor.Key.ENTER);
enter.perform();
console.log("after enter btn");

Here, everything would be executed from top to bottom, but console.log() calls would be performed right away, since they are synchronous. Calls like myobj.clickOnDownloadBtn(), browser.driver.sleep(5000) and enter.perform() return promises, would not be executed right away but would be put on the Control Flow instead. That's why you see console.log results before any actions are performed on the page.

Synchronization inside the 'it' Block in protractor

2 Answers2