angularjs - Popcorn.js を使用する AngularJS ディレクティブのテスト

Question

私は AngularJS を使用する新しいプロジェクトに取り組んでいます。このプロジェクトの目標の 1 つは、TDD を使用してビルドすることです。Popcorn.js を使用してビデオを埋め込むディレクティブのテストで問題が発生しています。

ここにいくつかのサンプルコードへのリンクがあります

これが私が実行しようとしているテストのサンプルです。

it('Should load HTML5 video', function() {
    var videoLoadedListener = jasmine.createSpy('listener');
    rootScope.$on('videoLoaded', videoLoadedListener);

    element = angular.element('<player></player>');
    element = compile(element)(rootScope);

    expect(element.find("video").length).toBe(1);
    expect(videoLoadedListener).toHaveBeenCalled();
});

テストから「指定されたターゲット プレーヤーが見つかりませんでした」というエラーが表示されます。これは、ビデオを挿入する div を見つけることができない Popcorn.js によるものです。

PhantomJS と Chrome の両方で Karma を使用しています。コードは正常に動作しているようですが、動作していないのはテストだけです。