水豚在页面上找不到价值

Question

我有一个网页游戏，它使用 javascript 和 jquery 在输入字段中显示一个值。我要测试的值在页面上可见。但是，如果我检查元素，则该值不会出现在 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/>

我尝试过 Capybara 测试，例如：

expect(find_field('edit-game-result').value).to eq 10

此测试找到该字段但给出输出： 预期：10 得到：无

我认为这是由于以下原因： Is the HTML is View Source different from the HTML in Inspect Element? 但我找不到让 Capybara 读取值的方法。

这也可能是相关的： http://ahmednadar.github.io/12/09/2013/overwrite-how-Capybara-ignores-hidden-elements/

我相信在运行测试时该字段的值为 10。但是我无法在 Capybara 测试中访问该值。

您能否帮我找到一个有效的 Capybara 测试或阐明为什么它不起作用？

Answer 1

您遇到的问题是您正在查找元素，然后检查其上的值，该值不会等待值匹配。相反，您应该使用 Capybara 提供的匹配器

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

它将使用 Capybaras 等待/重试行为来等待值更改。