如何在黄瓜上测试带有向下滚动功能的按钮？

Question

我正在为一个网站编写黄瓜测试，我已经完全陷入了这个问题。在网站的结账程序中，有一个按钮可以触发滑入结帐程序的下一部分（在同一页面上）。该按钮在jQuery中定义如下：

    $("#next1").click(function(event){
    $('#step1').slideUp(500);
    $('#step1top').css('color','#036070');
    $('#step1top').removeClass('active');
    $('#step2top').css('color','#fff');
    $('#step2').slideDown(500);
    $('#step2top').addClass('active');
 });

还有其他几个这样的，当您检查网站上的元素时，显示的HTML如下：

< img id="next1" src="/images/next.png" style="float:right;" >

我尝试编写单击内部元素的步骤。例如：

When /^I click "([^"]*)" inside element "([^"]*)"$/ do |button, element_name| 
  begin
    evaluate_script("$('#{element_name}').trigger('mouseover')")
  rescue Capybara::NotSupportedByDriverError
  end
end

然而，我尝试过的任何东西似乎都没有用。有没有人有任何建议？