Ember Octane：對控制器進行單元測試異步操作

Question

具有以下控制器和測試：

應用程序/控制器/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;
  }
}

測試/單元/控制器/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 。 它有點舊概念，它沒有返回值。 所以await controller.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);
});

Answer 2

不知道為什么很難找到這些信息，也許是糟糕的 SEO。

import { waitUntil } from '@ember/test-helpers';

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

  await waitUntil(() => controller.flag === true);
});

如果有人想出一個更灰燼的答案，我會接受一次