Question

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

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

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

游戏test.js

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

这个测试通过，但它并不是我真正想要的。我需要声明模态实际显示而不仅仅是存在。

Answer 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');
  });
});

Ember 2.8：测试在页面加载时打开了一个ember-bootstrap模态

1 个答案: