如何在Ember中测试返回PromiseArray的计算属性_如何在Ember.js中呈现从计算属性返回的值？_在回调中返回计算属性的Ember.js - 腾讯云开发者社区

在Ember中测试返回PromiseArray的计算属性，可以按照以下步骤进行：

创建一个测试文件，命名为your-test-file.js，并导入所需的测试工具和模块：

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
import { Promise } from 'rsvp';

在测试文件中，使用module函数定义一个测试模块，并在其中使用setupRenderingTest函数进行设置：

module('Integration | Component | your-component', function(hooks) {
  setupRenderingTest(hooks);
});

在测试模块中，使用test函数定义一个具体的测试用例，并在其中编写测试代码：

test('should return PromiseArray from computed property', async function(assert) {
  assert.expect(1);

  // 模拟异步操作返回PromiseArray
  const promiseArray = Promise.resolve(['item1', 'item2']);
  this.set('promiseArray', promiseArray);

  await render(hbs`
    {{#each this.promiseArray as |item|}}
      <div>{{item}}</div>
    {{/each}}
  `);

  assert.equal(this.element.querySelectorAll('div').length, 2, 'Should render 2 items');
});

在上述代码中，我们首先使用Promise.resolve创建一个解析为包含两个元素的PromiseArray。然后，使用this.set将其设置为组件的属性promiseArray。接下来，使用render函数渲染一个包含{{#each}}块的模板，用于遍历promiseArray中的每个元素，并将其渲染为<div>元素。最后，使用assert断言验证渲染结果是否符合预期。