javascript - Rails 4 -assert_select 不适用于由 javascript 更新的元素

Question

我有一个默认为空白的 span 元素，并在通过 javascript 加载页面时更新。这很有效 - 然而，assert_select 似乎只能在页面加载完成之前获取初始 HTML。这是预期的行为吗？我做错了什么？

脚手架中的span元素生成_form.html.erb:

...
<span id="confirm_loaded"></span>
...

---- 在 app/assets/javascripts 的 .js 文件中:

$(function(){
  $("#confirm_loaded").html("test");
});

---- 当我加载页面时 -- 页面通过 JavaScript 更新，一切正常。

但是，在集成测试中 - 此行:

assert_select "span#confirm_loaded", {text: "test"}

失败并出现错误:

<test> expected but was
<>..
Expected 0 to be >= 1.

这似乎确认测试没有看到由 javascript 设置的更新的 HTML 元素(也许它在页面完全加载之前运行？)

快速更改页面，删除 JavaScript 并对 HTML 进行硬编码:

...
<span id="confirm_loaded">test</span>
...

现在测试通过了(assert_select 能够获取值，我们就成功了)。

assert_select只能获取HTML标签的初始值吗？为什么在页面加载时，assert_select没有获取由 javascript 更新的值？

感谢您的帮助。

Answer 1

是的，你在问题中说得对。 assert_select 选择元素并对 @response(@response.body) 对象进行相等性测试。这是从服务器返回的实际响应，因此当时没有执行任何 JavaScript 代码，因此您会得到带有空文本的跨度。当脚本在浏览器中运行时。