42 lines
1.4 KiB
JavaScript
42 lines
1.4 KiB
JavaScript
/* eslint-disable qunit/no-commented-tests */
|
|
// We comment test to show an example of how to use the factory function
|
|
|
|
/*
|
|
Used in glimmer component unit tests. Glimmer components should typically
|
|
be tested with integration tests, but occasionally individual methods or
|
|
properties have logic that isn't coupled to rendering or the DOM and can
|
|
be better tested in a unit fashion.
|
|
|
|
Use like
|
|
|
|
setupGlimmerComponentFactory(hooks, 'my-component')
|
|
|
|
test('testing my component', function(assert) {
|
|
const component = this.createComponent({ hello: 'world' });
|
|
assert.equal(component.args.hello, 'world');
|
|
});
|
|
*/
|
|
|
|
export default function setupGlimmerComponentFactory(hooks, componentKey) {
|
|
hooks.beforeEach(function () {
|
|
this.createComponent = glimmerComponentInstantiator(
|
|
this.owner,
|
|
componentKey
|
|
);
|
|
});
|
|
|
|
hooks.afterEach(function () {
|
|
delete this.createComponent;
|
|
});
|
|
}
|
|
|
|
// Look up the component class in the glimmer component manager and return a
|
|
// function to construct components as if they were functions.
|
|
function glimmerComponentInstantiator(owner, componentKey) {
|
|
return (args = {}) => {
|
|
const componentManager = owner.lookup('component-manager:glimmer');
|
|
const componentClass = owner.factoryFor(`component:${componentKey}`).class;
|
|
return componentManager.createComponent(componentClass, { named: args });
|
|
};
|
|
}
|