14

在初始化程序中，我将一个对象注入到我的助手中，并且它在应用程序中正常工作。

但是在使用 QUnit 测试助手时，我收到以下错误：

类型错误：未定义不是函数。

帮助器无权访问注入的对象，尽管在App.__container__.lookup('myObject:main')模块的 setup 函数中调用时，它确实返回了该对象。

我怎样才能使这项工作？测试类基于fiddle1，fiddle2。

CoffeeScript 中的以下示例显示了我的问题：

App = undefined
entered = false
initializedCount = 0

module 'testing',
  setup: ->
    App = startApp()

  teardown: ->
    Ember.run(App, 'destroy')

Ember.Application.initializer({
  name: "person",
  initialize: (container, application) ->
    initializedCount++;
    person = {
      name: "Mary"
    }
    container.register('person:main', person, {instantiate: false});
    container.injection('helper', 'person', 'person:main');
});

createView = (template, context) ->
  context = {}  unless context
  View = Ember.View.extend(
    controller: context
    template: Ember.Handlebars.compile(template)
  )
  View.create()

append = (view) ->
  Ember.run ->
    view.appendTo "#ember-testing"
    return
  return


Ember.Handlebars.helper "upcase", (value) ->
  person = @get('person'); # <-- test fails here
  value += person.name;
  value.toUpperCase()

Ember.testing = true

test('non-redirect route /third', ->
  equal(initializedCount, 2, 'initializer ran');
  App.reset();
  equal(initializedCount, 3, 'initializer ran');
  App.reset();
  equal(initializedCount, 4, 'initializer ran');
);

test "a handlebars helper", ->
  view = createView("{{upcase 'something'}}")
  append view
  equal view.$().text(), "SOMETHING MARY"
  return
4

2 回答 2

0

在最近的 Ember 中，moduleFor()语法已被弃用，但this.owner.lookup()作为控制器和其他实例的迁移路径的方法似乎没有返回带有帮助程序上下文的实例。

我找不到任何关于测试依赖项的帮助程序的文档，但是在咨询了 Ember 自己的 testing之后，我发现这Application.factoryFor()似乎可以解决问题：

import { module, test } from 'qunit'
import { setupTest } from 'ember-qunit'

module('Unit | Helper | example-helper', function (hooks) {
  setupTest(hooks)
  let exampleHelper
  hooks.beforeEach(function () {
    exampleHelper = this.owner.factoryFor('helper:example-helper').create()
  })
  test('base', function (assert) {
    assert.equal(exampleHelper.compute([params]), 'expected result')
  })
})

使用factoryFor().create()确实构造了一个具有适当上下文和注入依赖项的实例。我不知道这是否是推荐的方法，但它似乎做了我想要的！

于 2021-06-11T19:14:42.190 回答
0

您可以考虑使用服务来处理数据。然后可以将服务注入到助手中，然后可以很容易地对其进行单元测试。

Ember 2.x 中的助手现在是“真实的”对象并且可以访问服务。

该服务可能如下所示：

import Ember from 'ember';

export default Ember.Service.extend({
  profile: { 
    name: 'mary',
  },
});

助手将通过注入从服务接收数据：

import Ember from 'ember';

export default Ember.Helper.extend({
  person: Ember.inject.service(), // <-- here

  compute(params) {
    const text = params[0];
    const name = this.get('person.profile.name');
    const phrase = `${text} ${name}`;
    return this.upperCase(phrase);
  },

  upperCase(str) {
    return str.toUpperCase();
  },
});

最后，单元测试只需要包含 Person 服务need：

import { moduleFor, test } from 'ember-qunit';

moduleFor('helper:upper-case', {
  needs: [ 'service:person' ], // <-- here
});

test('when the upperCase helper is used', function(assert) {
  const helper = this.subject();
  const result = helper.compute([ 'goodbye' ]);
  const expected = 'GOODBYE MARY';

  assert.equal(result, expected, 
               '...the dependency is injected and all are uppercased');
});

此外，该服务还可以通过初始化程序在您的应用程序中注入，如下所示：

export function initialize(application) {
  application.inject('controller', 'person', 'service:person');
  application.inject('component', 'person', 'service:person');
  application.inject('route', 'person', 'service:person');
  // etc.
}

export default {
  name: 'person',
  initialize,
};

我创建了一个Ember Twiddle来演示。

于 2016-11-19T10:05:30.150 回答