capybaraはページ上で値を見つけることができません

Question

私は、javascriptとjqueryを使用して入力フィールドに値を表示するWebページゲームを持っています。私がテストしようとしている値はページに表示されます。しかし、要素を調べると、その値はhtmlには表示されません。ここで

は値を設定し、いくつかのJSコードです：

function updateTotal(){ 
     $('#edit-game-result').val(game.totalScore); 
     } 

そしてここでは、HTMLの入力フィールドです：

<input type="text" id="edit-game-result" size="10" maxlength="3" class="form-text" readonly/> 

私は次のようにカピバラのテストを試してみました：

（find_fieldを期待します（ 'edit-game-result'）。value）.to eq 10

このテストでは、 UT： が期待さ：10だ：

nilを私はこれが原因これに何とかだと思う： Is the HTML is View Source different from the HTML in Inspect Element? が、私はカピバラが値を読むようにする方法を見つけることができません。

また、これは、関連するかもしれない： http://ahmednadar.github.io/12/09/2013/overwrite-how-Capybara-ignores-hidden-elements/

私はフィールドテストが実行されたときに10の値を持っていると信じています。しかし私はカピバラのテストでその価値にアクセスすることができません。

なぜ動作していないのかを理解しているカピバラテストを見つけてもらえますか？

Answer 1

問題は、要素を見つけてその値をチェックしているため、値が一致するのを待たずに済みます。代わりに、カピバラは、値が変更されるまで待機するカピバラ待っ/再試行の動作を使用します

expect(page).to have_field('edit-game-result', with: '10') 

を提供マッチャーを使用する必要があります。