量角器和$ http.post

Question

I have simple app where i can add conversations(Q/A). I have written test for it -

describe('New Survey:', function() {
  it('should be added', function() {
    browser.get('http://127.0.0.1:8090/#/newConversation');
    //picking a user
    element.all(by.css('.form-control')).get(5).click();
    element(by.model('vm.user')).sendKeys('test');
    element(by.repeater('user in vm.users').row(6)).click();
//push some answers
    var inputs = element.all(by.css('.form-control.validated')).each(function(element,index){
      element.sendKeys('test answer');
    });
     //and send it
    element(by.id('submit')).click();
    element(by.css('.confirm')).click()
          browser.waitForAngular();
  });
});

after clicking .confirm button this method is called

this.saveSurvey = function(conv) {
        return $http.post('/conv', conv);
    };

but protractor does not wait until its done so no conversation is actually sent to server how could i make it to wait until post is done?

Answer 1

You can wait for the click() function to execute and your post request to be sent by waiting for its promise to be returned. Here's how -

element(by.id('submit')).click().then(function(){
    element(by.css('.confirm')).click().then(function(){
        browser.sleep(2000);
        //If your server returns a response in some way that the conversation is saved, you can verify it here.
    });
});

Hope it helps.