ember.js - 如何测试在组件 Ember 测试中调用的操作

Question

如何测试组件中是否调用了某个操作？

有多种方式可以触发一个 Action ，比如点击一个按钮。现在我想测试单击该按钮时调用的操作是否实际调用。像 expect.functionName.to.be.called 之类的东西。

我有以下代码

test('it closes the create dialog when close btn is clicked', function(assert) {
  this.render(hbs`{{group-create cancelCreateAction="cancelAction"}}`)

  this.$('button.btn--primary').click()
  expect('myAction').to.be.called?
})

所以我只是想知道我可以在那里做什么？

Answer 1

嗯，你的行为做了一些我们不知道的事情。但这是我编写的一个小测试，用于检查一些 DOM 元素和当前路由。除非您告诉我们您的操作是做什么的，否则很难说清楚。

click('.someSavingButton');

   andThen(function() {
     assert.equal(currentRouteName(), 'index');
     assert.equal(find('.something-new-in-the-dom').length, 1, "New item in HTML");