在Capybara测试期间调用Coffeescript

Z时代
2024-01-10
分类：问答

我的应用程序有很多不同的地方，当用户点击按钮/链接/ div时，我通过调用ajax函数来更新数据库。我需要在测试中包含这些功能，但我对水豚的了解还不够。在Capybara测试期间调用Coffeescript

下面是我想测试的一个div的示例，关联的ajax调用以及我想要通过的测试。我应该补充一点，我正在通过Cloud9 IDE进行构建，以防有所作为。

查看

<% @seminar.students.order(:last_name).in_groups_of(6).each do |group| %> 
    <div class="row"> 
     <% group.each do |student| %> 
      <% if student %> 
       <% this_ss = @seminar.seminar_students.find_by(:user => student) %> 
        <% if this_ss.present %> 
         <% thisClass = "col-md-2 seat clickySeat" %> 
         <% thisText = "Present" %> 
        <% else %> 
         <% thisClass = "col-md-2 seat clickySeat absent" %> 
         <% thisText = "Absent" %> 
        <% end %> 
        <div class = "<%= thisClass %>" id="<%= this_ss.id %>" name="ss_<%= this_ss.id %>"> 
         <%= student.first_plus_init %><br/> 
         <p class="presentTag"><%= thisText %></p> 
        </div> 
       <% end %> 
     <% end %> 
    </div> 
<% end %>

CoffeeScript的

if $('.clickySeat').length > 0 
    $('.clickySeat').on "click", -> 
     this_tag = $(this).find(".presentTag") 
     seminar_student_id = $(this).attr('id') 
     url = '/seminar_students/'+seminar_student_id 
     if this_tag.text() == "Absent" 
      attendance = true 
      $(this).removeClass("absent") 
      this_tab.text("Present") 
     else 
      attendance = false 
      $(this).addClass("absent") 
      this_tab.text("Absent") 
     $.ajax 
      type: "PUT", 
      url: url, 
      dataType: "json" 
      data: 
       seminar_student: 
        present: attendance

测试

test "attendance with click" do 
    @ss = @student_3.seminar_students.find_by(:seminar => @seminar) 
    assert @ss.present 
    capybara_login(@teacher_1) 
    click_on("desk_consult_#{@seminar.id}") 
    click_on("#{new_consultancy_button_text}") 
    find("##{@ss.id}").click 
    assert_not @ss.present 
    click_on("Create Desk Consultants Groups") 
end

在开发和生产， divs和ajax正在努力切换数据库中被标记为不存在/存在的学生。但在测试中，assert_not @ ss.present行失败。这是我试图解决的模式：我的水豚测试都没有调用任何JavaScript。

我已阅读了几个类似的问题和相关文章。我尝试了迄今为止阅读过的所有建议，例如添加selenium-webkit gem，以便可以使用Capybara.javascript-driver =：selenium这一行。迄今为止我遇到的解决方案都没有为我工作。

非常感谢您的任何见解。

回答：

无运行JS你的测试通常是两个问题中的一个，然后有你的测试另外两个问题，可能会导致故障的不止于此。

对于JS问题，第一个原因可能是你的JS资源中有一个错误这导致它们在串联在一起时不被处理。既然你声明它在生产模式下工作（在连接也发生的地方），我们应该能够规定这一点。第二个原因是您没有使用支持JS的驱动程序。确保您已按照README - https://github.com/teamcapybara/capybara#using-capybara-with-minitest中的说明 - 从ActionDispatch :: IntegrationTest派生您的测试类，并且在任何需要JS的测试之前运行该部分的最后部分（其中Capybara.current_driver = Capybara.javascript_driver）。（如果你想让所有的测试运行JS支持，你可以在设置Capybara.javascript_driver后设置Capybara.default_driver = Capybara.javascript_driver）。如果使用Rails 5.1 <你可能还需要安装和配置database_cleaner - 见https://github.com/teamcapybara/capybara#transactions-and-database-setup

这应该让你的测试用JS能驱动运行 - 超出 - 首先：当你打电话find(...).click未保证等待由点击完成的任何操作。这意味着你需要设置一个断言（由于它们具有等待/重试行为而提供的断言，因为点击触发的可见变化），以确保它在尝试从数据库访问元素之前完成了断言。
其次：因为您已经加载了@ss它不会反映数据库状态的变化，直到您重新加载对象。

在一起，这意味着你的测试将需要沿着

test "attendance with click" do 
    @ss = @student_3.seminar_students.find_by(:seminar => @seminar) 
    assert @ss.present 
    capybara_login(@teacher_1) 
    click_on("desk_consult_#{@seminar.id}") 
    click_on("#{new_consultancy_button_text}") 
    find("##{@ss.id}").click 
    assert_text("You are marked as absent") # An assertion for whatever visible change occurs due to the previous click which will delay the next statement until the app has completed processing 
    assert_not @ss.reload.present # Need to reload the object to see any DB changes 
    click_on("Create Desk Consultants Groups") 
end

需要的线路更改为重新加载对象所有的时间是上DB对象做断言是在一般不赞成的原因之一，而你应该主要是测试UI行为/更改（在功能测试中）