水豚-webkit：不正确执行coffeescript

Question

我有一个按钮，当它被点击时，它会触发一个ajax帖子，并呈现一个警报。

它工作的很好，但是在运行测试时，coffeescript不能很好地执行。

我的文件

应用程序/视图/警报/ index.html.haml

= link_to icon('plus', 'Show Alert'), new_alert_path, class: 'btn btn-with-icon btn-primary', remote: true 

应用程序/控制器/ alerts_controller.rb

class AlertsController < BaseController 
    def new 
    @alert = Alert.new 
    end 
end 

应用程序/意见/alerts/new.js.coffee

console.log "1" # => This is being executed 
AlertComponent.show "show this message" # Here it breaks I think 
console.log "2" # => It never arrives here 

应用程序/资产/ JavaScript的/ alert_component.js.coffee

class AlertComponent 
    @show: (description) -> 
    console.log "3" # => This is not being executed 
    # => Does some other stuff 

end 

window.AlertComponent = AlertComponent 

我的测试

click_link 'Show Alert' # => This is executed because I added a binging.pry in the controller and it arrives properly 
wait_for_ajax 
p page.driver.console_messages # => Below is what it returns 
expect(page).to have_css '.alert-div' 

结果

测试失败，并且页面。 driver.console_messages返回此结果：

{:line_number=>0, :message=>"ReferenceError: Can't find variable: AlertComponent", :source=>"undefined"}

正如我已经说过的，它在开发和生产中非常有用。问题在于测试。

我的设置

我用的水豚，WebKit的：

• 水豚（2.9.2）
• 水豚，WebKit的（1.1.0）

规格/ rails_helper .rb

ENV['RAILS_ENV'] ||= 'test' 
require File.expand_path('../../config/environment', __FILE__) 
# Prevent database truncation if the environment is production 
abort("The Rails environment is running in production mode!") if Rails.env.production? 
require 'spec_helper' 
require 'rspec/rails' 

Capybara.javascript_driver = :webkit 

# more stuff 

有关为什么这不按预期工作的任何想法？

Answer 1

在讨论rails资产管道时，开发和测试/生产之间的巨大差异在于，每个JS文件在开发时都是单独服务的，而在测试/生产中它们被连接在一起并作为一个文件服务。这意味着一个文件中的JS错误不会阻止其他文件在开发模式下处理，但它可以处于测试/生产模式。看起来它可能会在创建AlertComponent类之前放弃对连接文件的评估。

在开发模式下运行应用程序时，请检查您的浏览器开发人员控制台并修复正在记录的任何JS错误。