在Ember Quit测试中获取弹出模式的内部HTML

Question

我正在用ember-qunit进行integration component测试。因此，如何在操作打开后获得弹出模式正文。

文本条测试

test('it renders with title', function(assert) {
assert.expect(1);
this.render(hbs`{{text-bar}}`);
this.$('.open-app').click();  // opening from text-bar hbs template
assert.equal(this.$('.body-text').html(), 'its modal-body text', 'Modal body text test once opens');
});

Answer 1

您需要使用ember的异步测试助手之一来帮助管理它。点击事件发生，然后还有一些额外的任务在运行(比如动画之类的(。

有一个名为ember测试助手的包，您将希望使用wait或waitFor助手：https://github.com/emberjs/ember-test-helpers/blob/master/API.md#waitfor.

余烬指南在此显示此示例：https://guides.emberjs.com/v2.18.0/testing/testing-components/#toc_waiting-异步行为

如果您使用的是3.x版本，您可以使用async/await语法，这会使事情变得更好：https://guides.emberjs.com/v3.1.0/testing/testing-components/#toc_waiting-异步行为