Ember.js 组件集成测试：如何使用全局注入和嵌套组件？

Question

场景：我想使用真实服务集成测试组件 A my-service。我有一个将服务全局注入所有组件的初始化程序：application.inject('component', 'myService', 'service:my-service');。组件 A 在其模板中使用组件 B，它们都在其模板中使用 myService。

如何重新创建全局注入？没有完整的应用程序，所以我无法导入和运行真正的初始化程序，因为我没有所需的参数。 this.inject.service 不起作用，因为它将它注入测试上下文，而不是全局应用程序上下文。

我可以更改所有组件的模板以将服务一直向下链接：{{b-component myService=myService}}，然后

this.render(hbs`{{a-component myService=myService}}`);

但这是最后的手段。我也可以摆脱全局注入并手动注入每个组件。那也是不得已的办法。

我在 https://github.com/emberjs/ember.js/issues/12277. It was almost implemented, but then closed in favor of Grand Testing Unification https://github.com/emberjs/rfcs/pull/119 找到了关于这个问题的讨论。等大考一统，现在有解决办法吗？

Answer 1

根据 https://whosebug.com/users/1157494/robert-jackson 的提示，我找到了丢失的部分。您可以在测试上下文中查找所有者，这是您需要提供给初始化程序的缺失参数：

import { initialize } from 'my-app/initializers/my-initializer';

// ...

beforeEach() {
  initialize(Ember.getOwner(this));
}

现在您的所有组件都具有所需的全局注入！

Ember.js 组件集成测试：如何使用全局注入和嵌套组件？

Ember.js component integration test: How to work with global injections and nested components?

javascript

ember.js

dependency-injection

ember-testing

ember-components