javascript - javascript 代码部分未在测试环境中执行，可用于生产、开发（Rails 3 应用程序）

Question

导轨 3

我在表单中有一个列表：

<%= form_for @article do |f| %>
  <ul>
    <% @product.each do |p| %>
      <li id="product_<%=p.id%>">
        <div>
         <%= f.radio_button(:p_id, p.id, class: 'hidden') %>
        </div>
      </li>
    <% end %>
  </ul>
  <%= f.submit 'submit', :id=>"submit_category", :class=>'hide' %>
<% end %>

我添加了一个 javascript 函数，以便当用户单击 li 元素时，选择单选按钮并提交表单。

<script type="text/javascript">
  $('li').click(function() {
    $(this).find('input[type=radio]').attr('checked', true);
    $('#submit_category').click();
  });
</script>

这在生产，开发中完美运行，但测试环境失败：表单已提交，但未选中单选按钮，因此出现验证错误。

我的测试是用 Cucumber + Selenium + Capybara 完成的。测试线：

When /^I click on the "(.*?)" product$/ do |product_name|
  @product = Product.find_by_name(product_name)
  page.find('li', id: "product_#{@p.id}").click
end

Answer 1

在这里猜测，但是将代码包装成 $(function () { ..your code }) (domready) 回调有帮助吗？