灰燼-在測試中獲取組件中元素的動態輸入值

Question

所以我有一個簡單的組件，看起來像這樣：

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

我有兩個這樣的測試：

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');

});

第一次測試通過，但第二次失敗。 this.$('.my-input').attr('value')似乎undefined 。 為什么？ 我如何才能通過此考試？

Answer 1

使用val() ：

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

API參考： jquery val