2016-10-10 2 views
2

純粋なブートストラップモーダルで作業していないので、ページロード時に開くモーダルの単体テスト方法を理解できませんでした。私は何とか私のユニットテストで見つけると、このテストに合格Ember 2.8:ember-bootstrapモーダルがページロード時に開かれていることをテストします

ゲーム-test.js

test('Initial modal shows up', function(assert) { 
    visit('/'); 
    andThen(function() { 
    assert.equal(find('.startModal').length, 1); 
    }); 
}); 

それを捕獲することを希望してstartModalクラスを追加しようとした

{{#bs-modal class="startModal" footer=false open=openModal title="Start Game" closedAction="closeModal" backdropClose=false closeButton=false}} 
    //modal content 
{{/bs-modal}} 

:ここで問題になっているモーダルですしかし、それは私が探しているものではありません。私は、モーダルが実際に表示され、存在するだけではないことを主張する必要があります。

答えて

1

は、なぜあなたは、モーダルまたはCSSプロパティ変更で追加クラスをチェックしません:

test('Initial modal shows up', function(assert) { 
    visit('/'); 
    andThen(function() { 
    assert.equal(find('.startModal').hasClass('opened'), true); 
    // or 
    // assert.equal(find('.startModal').css('display'), 'block'); 
    }); 
}); 
+0

すごいです。とてもシンプルでとても華麗です。ありがとう! –

関連する問題