約束が解決される前後に値を検証する方法は？

Question

私は、分度器を使用してAngular 1.5アプリケーションのエンドツーエンドテストを作成しています。このアプリケーションを使用すると、標準のinput type="file"コントロールとsubmitボタンを使用してファイルを選択することで、バックエンドWeb APIにファイルをアップロードできます。ユーザーがsubmitボタンをクリックしたときに

function exampleController() { 
    var vm = this; 

    vm.status = ""; 
    vm.buttonClickHandler = buttonClickHandler; 

    function buttonClickHandler() { 
     vm.status = "calling"; 
     service.makeAsyncCall() 
       .then(function() { 
        vm.status = "success"; 
       }, function() { 
        vm.status = "error"; 
       }); 
    } 
} 

buttonClickHandlerが呼び出された：私は基本的にこのように振る舞うコントローラーを持っています。

ユーザーがボタンをクリックしたときに状態が「呼び出し」に変化し、約束が解決されたときに「成功」​​に変化することを確認する突起子を使用してエンドツーエンドのテストを作成するにはどうすればよいですか？私の試みのほとんどで

、私はvm.statusが「成功」に設定されていたことを確認でき、または私はそれはときに私はignoreSynchronization = trueを設定した場合、「呼び出し」が、後者のみ作品に設定されたことを確認できました私はWeb APIのバックエンド呼び出しで人工的な遅延を作ります。そうでなければ、プロセスは明らかに速すぎて、値は「成功」を示します。

Answer 1

これは、かなり醜いですサクサク、それは悪い習慣だが、私はとにかく試してください:)

it('click test', function() { 
    $('button').click(); 

    browser.wait(function() { 
     // Polls 'as fast as possible' until it evalutes to truthy value 
     // This might be flaky if 'calling' status is shorter than 
     // 1 polling interval (whose length can't be determined) 
     return $('div_containing_status').getText().then(function (status) { 
      return /calling/.test(status); 
     }); 
    }, 10000); 

    expect($('div_containing_status').getText()).toBe('calling'); 

    browser.wait(function() { 
     return $('div_containing_status').getText().then(function (status) { 
      return /success/.test(status); 
     }); 
    }, 10000); 

    expect($('div_containing_status').getText()).toBe('success'); 
}); 

UPDATE与えるだろう：@alecxeコメントに基づいてポーリングについて編集した情報