When should we use .then with Protractor Promise?

by

The answer of this question can be found in this post : http://spin.atomicobject.com/2014/12/17/asynchronous-testing-protractor-angular/

That is :

  1. Protractor enqueue all driver commands in the ControlFlow,
  2. when you need the result of a driver command you should use .then,
  3. when you don’t need the result of a driver you can avoid .then but all
    following instructions must be enqueued in the ControlFlow else they
    will be run before commands in the queue leading to unpredictable
    result. So, if you want to run a non driver tests command, you should add it into the .then callback or wrap the test into a Promise and enqueue the test in the ControlFlow. See example below.

Here is an example of my test working without .then :

log.debug('test0');

// enqueue the click
submitButton.click(); 
var message = $('.alert-success'); 

// enqueue the wait for message to be visible  
browser.wait(EC.visibilityOf(message), 5000);  

log.debug('test1');

// enqueue a test
expect(message.isPresent()).to.be.eventually.true;
log.debug('test2');

// a function returning a promise that does an async test (check in MongoDB Collection)
var testAccount = function () {           
    var deferred = protractor.promise.defer();

    // Verify that an account has been created
    accountColl.find({}).toArray(function (err, accs) {
        log.debug('test5');
        expect(err).to.not.exist;
        log.debug('test6');
        expect(accs.length).to.equal(1);
        return deferred.fulfill();
    });
    return deferred.promise;
};

log.debug('test3');

// Enqueue the testAccount function
browser.controlFlow().execute(testAccount);  
log.debug('test4');

Output is now what we expect :

test0

test1

test2

test3

test4

test5

test6

More Related Contents:

  1. Returning Promises from Vuex actions
  2. Using protractor with loops
  3. Implement async/await in sort function of arrays javascript
  4. Expect item in array
  5. How to return many Promises and wait for them all before doing other stuff
  6. Problems inherent to jQuery $.Deferred (jQuery 1.x/2.x)
  7. Why is value undefined at .then() chained to Promise?
  8. What is the difference between JavaScript promises and async await?
  9. How to select option in drop down protractorjs e2e tests
  10. Handling multiple catches in promise chain
  11. how to use Protractor on non angularjs website?
  12. Wait for all promises to resolve
  13. Axios handling errors
  14. How do I tell if an object is a Promise?
  15. Catching Errors in JavaScript Promises with a First Level try … catch
  16. Fetching values from email in protractor test case
  17. Is there a difference between promise.then.then vs promise.then; promise.then [duplicate]
  18. angular $q, How to chain multiple promises within and after a for-loop
  19. Why cant I inline call to res.json?
  20. How can I promisify the MongoDB native Javascript driver using bluebird?
  21. Looping on a protractor test with parameters
  22. Angular JS: how to bind to promises
  23. Why is my function returning Promise { } [duplicate]
  24. How to extract data out of a Promise
  25. Javascript Asynchronous Exception Handling with node.js
  26. Futures vs. Promises
  27. Page transition animations with Angular 2.0 router and component interface promises
  28. Rendering resolved promise value in Ember handlebars template
  29. Get the current browser name in Protractor test
  30. Promise.resolve().then vs setImmediate vs nextTick

Leave a Comment