import { module, test } from 'qunit'; import { setupRenderingTest } from 'ember-qunit'; import { render, settled } from '@ember/test-helpers'; import hbs from 'htmlbars-inline-precompile'; module('Integration | Component | wait-promise-container', function(hooks): void { setupRenderingTest(hooks); test('it renders', async function(assert): Promise { let testResolve: (value?: unknown) => void = (): void => {}; this.set( 'promise', new Promise((resolve): void => { testResolve = resolve; }) ); await render(hbs` {{resolved}} `); assert.equal(this.element.textContent && this.element.textContent.trim(), ''); testResolve('test'); // we need to wait to the rerender to happen as setting a property will trigger an ember loop await settled(); assert.equal(this.element.textContent && this.element.textContent.trim(), 'test'); }); });