单元测试-具有计算属性的简单Ember组件测试

Question

我知道这应该很简单，我只是做得不对，还没有找到可以模仿的例子，我想我也没有完全理解Ember.run() 内部应该包含什么

这是我的组件代码：

import Ember from 'ember';
export default Ember.Component.extend({
  isGreen: function() {
    if (!status) { return ''; }
    return status.toUpperCase() === 'G';
  }.property('status')
});

我的组件模板：

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-green {{if isGreen 'active'}}">
    <input checked="checked" name="status" value="G" type="radio"/> Green
  </label>
  <label class="btn btn-yellow {{if isYellow 'active'}}">
      <input name="status" value="Y" type="radio"/> Yellow
  </label>
  <label class="btn btn-red {{if isRed 'active'}}">
      <input name="status" value="R" type="radio"/> Red
  </label>
</div>

在我的测试中：

test('status sets active class on the correct button', function(assert) {
  expect(3);
  var component = this.subject();
  //Green status
  Ember.run(function() {
    component.set('status', 'G');
  })
  equal(this.$().find('.btn-green.active').length, 1, 'When status is green, the green button has the active class');

我有三个这样的测试，三种不同状态各一个。如果我只有一个测试，我不需要将component.set()封装在Ember.run()中才能通过测试。但如果我有所有三个测试，则会出现以下错误：

您已打开测试模式，该模式禁用了运行循环的自动运行。您将需要包装任何具有异步副作用的代码运行

但是，如果我把我的每个component.set()调用都放在一个运行循环中，那么我的测试就会失败，因为equal断言需要1，而得到0。我确信这是由于我缺乏理解，但要么set()没有运行，要么组件在断言中被重新呈现，因此不知道状态属性已经设置。我已经阅读了一个小时的文档和谷歌搜索，还没有找到解决方案（更有益的是，还有一个解释）。

Answer 1

@torazaburo:Facepalm由于某种原因，测试仅通过了一次，我认为这可能是由于模板中的某些内容导致的假阳性。但你当然是对的。

我应该使用this.get(status)。新手错误！