Docker上でRSpecのシステムテストを実行する

RSpecのシステムテストを実行しようとすると以下のエラーに遭遇。

Webdrivers::BrowserNotFound:
  Failed to determine Chrome binary location.

Chromeが無い。Docker上に用意してやる必要がある。
docker-compose.yml に以下を追加する。

services:
  db:
    ...
  web:
    ...
    environment:
      ...
      SELENIUM_DRIVER_URL: http://selenium_chrome:4444/wd/hub
  selenium_chrome:
    image: selenium/standalone-chrome-debug
    logging:
      driver: none

spec/rails_helper.rb の以下のコードのコメントを外して使えるようにする。

Dir[Rails.root.join('spec', 'support', '**', '*.rb')].sort.each { |f| require f }

spec/support/capybara.rb を新規作成して以下を記述。

Capybara.register_driver :chrome_headless do |app|
  options = ::Selenium::WebDriver::Chrome::Options.new

  options.add_argument('--headless')
  options.add_argument('--no-sandbox')
  options.add_argument('--disable-dev-shm-usage')
  options.add_argument('--window-size=1400,1400')

  Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
end

Capybara.javascript_driver = :chrome_headless

RSpec.configure do |config|
  config.before(:each, type: :system) do
    driven_by :rack_test
  end

  config.before(:each, type: :system, js: true) do
    if ENV["SELENIUM_DRIVER_URL"].present?
      driven_by :selenium, using: :chrome, options: {
        browser: :remote,
        url: ENV.fetch("SELENIUM_DRIVER_URL"),
        desired_capabilities: :chrome
      }
    else
      driven_by :selenium_chrome_headless
    end
  end
end

rspecの設定もここで実行している。

この内容でシステムスペックが実行できた。