Тестирование postMessage с Jasmine async не работает

Question

Я пытаюсь использовать Jasmine 2.0 для написания модульных тестов для некоторой логики в приложении AngularJS, но логика находится внутри прослушивателя событий. От контроллера:

window.addEventListener('message', function(e) { 
    if (e.data === "sendMessage()") { 
     $scope.submit(); 
    } 
    }, false); 

А из тестового файла:

describe("post message", function() { 
    beforeEach(function(done) { 
     var controller = createController(controllerParams); 
     spyOn($scope, 'submit'); 
     window.postMessage('sendMessage()', '*'); 
     done(); 
    }); 

    it('should submit on a sent message', function (done) { 
     expect($scope.submit).toHaveBeenCalled(); 
     done(); 
    }); 
    }); 

Но тест не пройден, шпион никогда не быть пораженным. Дополнительная информация от ввода в консоль отладочной информации:

• window.addEventListener в контроллере IS получает вызов.
• Блок beforeEach и it оба вызываются.
• Вышеупомянутый обработчик сообщений в контроллере не вызывается во время теста.
• Сообщение, отправленное в этом тесте, в конечном итоге получает обработчик сообщения несколько раз, но только после завершения теста.

Что, по моему мнению, отсутствует здесь?

Answer 1

Это происходит потому, что в вашем beforeEach блоке вы звоните window.postMessage() (который является асинхронным, и вы не знаете, когда он собирается выполнить), а затем вы звоните done() сразу после него, как это будет синхронный код. Но window.postMessage() async, и в основном вам нужно позвонить done(), когда ваша операция async завершена. Это можно сделать так:

beforeEach(function(done) { 
    spyOn(someObject, 'submit').and.callFake(function() { 
     done(); 
    }); 
}); 

Так что, когда ваш шпион выполняет, то операция async считается завершенной.

Это может быть выражено еще короче:

beforeEach(function(done) { 
    spyOn(someObject, 'submit').and.callFake(done); 
}); 

Вот полный код:

var someObject = { 
    submit: function() { 
    console.log('Submit'); 
    } 
}; 

window.addEventListener('message', function(e) { 
    if (e.data === "sendMessage()") { 
    someObject.submit(); 
    } 
}, false); 

// Test 

describe('window.postMessage', function() { 

    beforeEach(function(done) { 
    spyOn(someObject, 'submit').and.callFake(function() { 
     done(); 
    }); 
    window.postMessage('sendMessage()', '*'); 
    }); 

    it('should submit on a sent message', function() { 
    expect(someObject.submit).toHaveBeenCalled(); 
    }); 

}); 

Смотреть рабочий JS Bin: http://jsbin.com/xikewogagu/1/edit?html,js,console,output

Я не использовал Угловое в этом образце потому что он воспроизводится с чистым JS.