ember.js - Ember - コンポーネントの要素の動的入力値をテストで取得する

Question

したがって、次のような単純なコンポーネントがあります。

<div class="my-div">{{ value }}</div>
{{input class="my-input" type="text" value=value}}

そして、私はこのような2つのテストを持っています:

test('get text from div', function(assert) {

  this.set('value', 'my test value');
  this.render(hbs`{{input-test value=value}}`);

  assert.equal(this.$('.my-div').text(), 'my test value');

});

test('get value from input', function(assert) {

  this.set('value', 'my test value');
  this.render(hbs`{{input-test value=value}}`);

  assert.equal(this.$('.my-input').attr('value'), 'my test value');

});

最初のテストはパスしますが、2 番目のテストは失敗します。this.$('.my-input').attr('value')のようundefinedです。なんで？このテストに合格するにはどうすればよいですか?