import { module, test } from 'qunit'; import { setupRenderingTest } from 'ember-qunit'; import { render } from '@ember/test-helpers'; import { hbs } from 'ember-cli-htmlbars'; module('Integration | Component | state', function(hooks) { setupRenderingTest(hooks); test('it renders', async function(assert) { // Set any properties with this.set('myProperty', 'value'); // Handle any actions with this.set('myAction', function(val) { ... }); this.set('state', { matches: function(id) { return id === 'idle'; }, }); await render(hbs` <State @state={{state}} @matches="idle"> Currently Idle </State> `); assert.equal(this.element.textContent.trim(), 'Currently Idle'); await render(hbs` <State @state={{state}} @matches="loading"> Currently Idle </State> `); assert.equal(this.element.textContent.trim(), ''); }); });