the users are defined on the component class
// recipients-component.js
export default class RecipientsComponent extends Component {
get users () {
return [{name:'jerry'},{name:'ana'},{name:'erik'}]
}
get selectedUsers () {
return [{name:'jerry'}]
}
}
This users are passed to a powerSlectMultiple component
// recipients-component.hbs
<div class="card-row">
<h3>Recipients</>
<div class="card-row">
<PowerSelectMultiple
@placeholder="Select recipient(s)"
@searchEnabled=true
@selected=
@options=
@onChange=
@onKeydown=
@searchField="name"
as |user|
>
</PowerSelectMultiple>
</div>
Not rendering the users array when I create those with this.set()
- Is there a way to pass or create the users array to pass into this component?
// recipients-component-test.js
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
module('Integration | Component | recipients-component', function (hooks) {
setupRenderingTest(hooks);
test('it renders users', function (assert) {
this.set('users', [{name:'jerry'},{name:'ana'},{name:'erik'}]); // not working
await render(hbs`<Recipients-component />`);
assert.equal(this.$('h3').text().trim(), 'Recipients');
});
});
