如何在单元测试中访问Ember中的速记助手？

Question

如何在单元测试中访问速记助手以进行测试？

示例：

/helpers/full-address.js

import Ember from 'ember';

export default Ember.Helper.helper(function(params, hash) {
  var fullAddress = hash.line1 === "" ? "" : hash.line1 + ", ";
  fullAddress += hash.town === "" ? "" : hash.town + ", " ;
  fullAddress += hash.postCode === "" ? "" : hash.postCode + ", ";

  if (fullAddress.length > 2) {
    fullAddress = fullAddress.replace(/,(\s+)?$/, "");
  }

  return fullAddress;
});

在addresses.hbs中使用速记助手

<h4>Addresses</h4>
{{#each model.addresses key="id" as |address|}}
  <p>
    {{full-address line1=address.line1 town=address.town postCode=address.postCode}}
  </p>
{{/each}}

全地址检验

import { fullAddress } from '../../../helpers/full-address';
import { module, test } from 'qunit';

module('Unit | Helper | full address');

// Replace this with your real tests.
test('it works', function(assert) {
  var line1 = "123 Test Street";
  var town = "My Town";
  var postCode = "TE5 5ST";

  var expected = line1 + ", " + town + ", " + postCode;

  var result = ??? // Call helper here
  assert.equal(result, expected);
});

如何使用散列的3个变量调用速记助手？

Answer 1

您需要稍微修改您的帮助文件：

import Ember from 'ember';

export function fullAddress(params, hash) {
  let retValue = hash.line1 === "" ? "" : hash.line1 + ", ";
  retValue += hash.town === "" ? "" : hash.town + ", " ;
  retValue += hash.postCode === "" ? "" : hash.postCode + ", ";

  if (retValue.length > 2) {
    retValue = retValue.replace(/,(\s+)?$/, "");
  }

  return retValue;
}

export default Ember.Helper.helper(fullAddress);

然后，你可以写下你的测试：

import { fullAddress } from '../../../helpers/full-address';
import { module, test } from 'qunit';

module('Unit | Helper | full address');

test('it works', function(assert) {
  var line1 = "123 Test Street";
  var town = "My Town";
  var postCode = "TE5 5ST";

  var expected = line1 + ", " + town + ", " + postCode;

  var result = fullAddress(null, {
    line1: line1,
    town: town,
    postCode: postCode
  }); // Call helper here

  assert.equal(result, expected);
});

如果只运行此测试模块，您将获得：

在这种情况下，fullAddress的返回值为：123 Test Street, My Town, TE5 5ST，与预期值匹配。