在 Capybara 测试期间调用 Coffeescript

Question

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

下面是我想要测试的一个 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 %>

咖啡脚本

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

在开发和生产中，div 和 ajax 正在努力切换学生在数据库中被标记为缺席/在场。但在测试中，行 assert_not @ss.present 失败。这是我试图在所有地方修复的模式：我的水豚测试都没有调用任何 javascript。

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

提前感谢您提供任何见解。

Answer 1

您可以尝试Poltergeist 驱动程序并更改配置以使用它。不要忘记在您的路径上安装 PhantomJS（您可以使用以下命令安装它：npm install -g phantomjs。

您应该在测试的某些部分添加js: true，我只是不记得在哪里。但是，您可以搜索它。 =]

祝你好运。

Answer 2

您运行 JS 的测试通常都不是两个问题之一，然后您的测试还有两个问题可能会导致失败。

对于 JS 问题，第一个原因可能是您的一个 JS 资产中存在错误，导致它们在连接在一起时无法处理。由于您声明它在生产模式下工作（也发生连接），我们应该能够排除这种情况。第二个原因是您没有使用支持 JS 的驱动程序运行。确保您已遵循自述文件中的说明 - https://github.com/teamcapybara/capybara#using-capybara-with-minitest - 正在从 ActionDispatch::IntegrationTest 派生测试类，并且该部分的最后一部分（其中 Capybara.current_driver = Capybara.javascript_driver）在任何测试之前运行需要 JS。 （如果您希望所有测试都在 JS 支持下运行，您可以在设置 Capybara.javascript_driver 后设置 Capybara.default_driver = Capybara.javascript_driver）。如果使用 Rails https://github.com/teamcapybara/capybara#transactions-and-database-setup

这应该让你的测试使用支持 JS 的驱动程序运行——除此之外—— 第一：当您调用find(...).click 时，不能保证等待由点击引起的任何动作完成。这意味着您需要为单击触发的可见更改设置一个断言（Capybara 提供的断言之一，因为它们具有等待/重试行为），以确保它在尝试访问数据库中的元素之前已完成。
第二：由于您已经加载了@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 行为/更改（在功能测试中）