Ember 2.8：测试 ember-bootstrap 模式在页面加载时打开

Question

由于我没有使用纯 Bootstrap 模式，所以我一直无法弄清楚如何对在页面加载时打开的模式进行单元测试。这是有问题的模态：

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

我尝试添加一个 startModal class，希望以某种方式在我的单元测试中使用 find 捕获它

游戏-test.js

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

这个测试通过了，但这并不是我真正想要的。我需要断言模态实际上已显示，而不仅仅是存在。

Answer 1

为什么不检查模态上附加的 class 或 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');
  });
});

Ember 2.8：测试 ember-bootstrap 模式在页面加载时打开

Ember 2.8: Test that a ember-bootstrap modal is open on page load

unit-testing

ember.js

ember-qunit

ember-testing