资产在 capybara/rspec spec 运行期间未加载

3

我正在使用rspec、capybara和launchy来测试我的web应用程序。

以下是我的规范:

require 'spec_helper'

describe "Routes" do
    describe "GET requests" do
        it "GET /root_path" do
            visit root_path
        page.should have_content("All of our statuses")
        click_link "Post a New Status"
        page.should have_content("New status")
        fill_in "status_name", with: "Jimmy balooney"
        fill_in "status_content", with: "Oh my god I am going insaaaaaaaaane!!!"
        click_button "Create Status"
        page.should have_content("Status was successfully created.")
        click_link "Statuses"
        page.should have_content("All of our statuses")
        page.should have_content("Jimmy balooney")
        page.should have_content("Oh my god I am going insaaaaaaaaane!!! ")
        save_and_open_page
        end
    end
end

My .rspec

--color
--order default

我的spec_helper.rb文件:

# This file is copied to spec/ when you run 'rails generate rspec:install'
ENV["RAILS_ENV"] ||= 'test'
require File.expand_path("../../config/environment", __FILE__)
require 'rspec/rails'
require 'rspec/autorun'
require 'capybara/rspec'

# Requires supporting ruby files with custom matchers and macros, etc,
# in spec/support/ and its subdirectories.
Dir[Rails.root.join("spec/support/**/*.rb")].each { |f| require f }

# Checks for pending migrations before tests are run.
# If you are not using ActiveRecord, you can remove this line.
ActiveRecord::Migration.check_pending! if defined?(ActiveRecord::Migration)

RSpec.configure do |config|
  # ## Mock Framework
  #
  # If you prefer to use mocha, flexmock or RR, uncomment the appropriate line:
  #
  # config.mock_with :mocha
  # config.mock_with :flexmock
  # config.mock_with :rr
  config.before(:suite) do
    DatabaseCleaner.strategy = :transaction
    DatabaseCleaner.clean_with(:truncation)
  end

  config.before(:each) do
    DatabaseCleaner.start
    DatabaseCleaner.clean
  end

  config.after(:each) do
    DatabaseCleaner.clean
  end

  # Remove this line if you're not using ActiveRecord or ActiveRecord fixtures
  config.fixture_path = "#{::Rails.root}/spec/fixtures"

  # If you're not using ActiveRecord, or you'd prefer not to run each of your
  # examples within a transaction, remove the following line or assign false
  # instead of true.
  config.use_transactional_fixtures = true

  # If true, the base class of anonymous controllers will be inferred
  # automatically. This will be the default behavior in future versions of
  # rspec-rails.
  config.infer_base_class_for_anonymous_controllers = false

  # Run specs in random order to surface order dependencies. If you find an
  # order dependency and want to debug it, you can fix the order by providing
  # the seed, which is printed after each run.
  #     --seed 1234
  config.order = "random"
end

如果你回看我的规范,你会看到一个rspec规范,它使用capybara浏览我的应用程序,并在调用launchy gem的save_and_open_page方法时完成,以便人类查看最终页面。然而,在这个最终页面上,没有显示任何JavaScript或CSS,只有纯HTML。
有人有任何想法为什么会这样吗?我想测试JavaScript,并希望所有资产都被加载。
3个回答

14

config.before(:suite) do 内部添加:

add:

%x[bundle exec rake assets:precompile]

要预编译您的Rails资产,然后在您的test.rb环境文件中添加:

config.action_controller.asset_host = "file://#{::Rails.root}/public"
config.assets.prefix = 'assets_test'

现在,您可以使用资产(assets)在运行Capybara时指向预编译资产的位置。 注意:确保如果您正在使用git,请忽略该新文件夹。


这会使每个单独的测试变慢吗? - Marco Prins
你知道如果不使用 RSpec 怎么做吗? - sscirrus
在许多情况下,在运行系统或请求规范之前,所有操作都是关于预编译资产。请参见:https://github.com/rails/webpacker/issues/2373 解决方案是在运行测试之前始终在CI/CD中进行预编译,并在本地开发环境中定期进行预编译。在套件中(在 before 块中)设置/取消设置 ENV 变量的方法也非常好,以避免多个预编译。 - januszm

1
您可以直接添加到test.rb中:
config.assets.compile = true

0

我用这个方法解决了

config/test.rb

  config.assets.css_compressor = nil
  config.assets.compile = true

spec/rails_helper.rb

RSpec.configure do |config|
    config.before :all do
        if !ENV["ASSET_PRECOMPILE_DONE"]
          prep_passed = system "rails test:prepare"
          ENV["ASSET_PRECOMPILE_DONE"] = "true"
          abort "\nYour assets didn't compile. Exiting WITHOUT running any tests. Review the output above to resolve any errors." if !prep_passed
        end
     end
end

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接