javascript - Ember 辛烷 : Unit testing async action on controller

Question

具有以下 Controller 和测试:

应用程序/ Controller /application.js

import Controller from '@ember/controller';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  flag = false;

  @action
  raiseFlag() {
    this.flag = true;
  }

  @action
  async raiseFlagAsync() {
    await new Promise(resolve => setTimeout(resolve, 1000));
    this.flag = true;
  }
}

测试/单元/ Controller /application-test.js

import { module, test } from 'qunit';
import { setupTest } from 'ember-qunit';

module('Unit | Controller | application', function(hooks) {
  setupTest(hooks);

  test('it raises flag', function(assert) {
    let controller = this.owner.lookup('controller:application');
    assert.equal(controller.flag, false);
    controller.send('raiseFlag');
    assert.equal(controller.flag, true);
  });

  test('it raises flag asyncronously', async function(assert) {
    let controller = this.owner.lookup('controller:application');
    assert.equal(controller.flag, false);
    await controller.send('raiseFlagAsync');
    assert.equal(controller.flag, true);
  });
});

第一个测试用例通过。 第二个测试用例失败(异步测试用例)

等待异步操作的 ember-octane 方式是什么？

Answer 1

这里的技巧是不要使用send!一般来说，如果您需要在路由链中冒泡操作，我只会使用 send 。这是一个有点老的概念，并且没有返回值。因此，awaitcontroller.send 将无法工作。

您应该直接调用该操作:

test('it raises flag asyncronously', async function(assert) {
  let controller = this.owner.lookup('controller:application');
  assert.equal(controller.flag, false);
  await controller.raiseFlagAsync();
  assert.equal(controller.flag, true);
});