Cukes via Docker - selenium (Chrome in a container)

docker-compose.yml

@@ -18,9 +18,24 @@ services:
       - .:/app
     ports:
       - "3000:3000"
+      - "4000:4000"
       - "35729:35729"
     environment:
       - HOSTNAME=localhost:3000
       - DOCKERIZED=true
     depends_on:
       - postgresql
+
+  selenium_chrome:
+    image: selenium/standalone-chrome-debug
+    logging:
+      driver: none
+    ports:
+      - 5900:5900
+
+  selenium_firefox:
+    image: selenium/standalone-firefox-debug
+    logging:
+      driver: none
+    ports:
+      - 5900:5900

features/support/env.rb

@@ -87,11 +87,53 @@
   )
 end
 
-Capybara.javascript_driver = if ENV['CAPYBARA_JAVASCRIPT_DRIVER']
-                               ENV['CAPYBARA_JAVASCRIPT_DRIVER'].to_sym
-                             else
-                               :selenium
-                             end
+Capybara.register_driver :selenium_chrome_in_container do |app|
+  Capybara::Selenium::Driver.new app, browser: :remote, url: 'http://selenium_chrome:4444/wd/hub', desired_capabilities: :chrome
+end
+
+Capybara.register_driver :headless_selenium_chrome_in_container do |app|
+  Capybara::Selenium::Driver.new(
+    app,
+    browser: :remote,
+    url: 'http://selenium_chrome:4444/wd/hub',
+    desired_capabilities: Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: { args: %w[headless disable-gpu] })
+  )
+end
+
+Capybara.register_driver :selenium_firefox_in_container do |app|
+  Capybara::Selenium::Driver.new(app,
+                                 browser: :remote,
+                                 url: 'http://selenium_firefox:4444/wd/hub',
+                                 desired_capabilities: :firefox)
+end
+
+Capybara.register_driver :headless_selenium_firefox_in_container do |app|
+  Capybara::Selenium::Driver.new(
+    app,
+    browser: :remote,
+    url: 'http://selenium_firefox:4444/wd/hub',
+    desired_capabilities: Selenium::WebDriver::Remote::Capabilities.firefox(
+      opts: { args: ['-headless'] }
+    )
+  )
+end
+
+if ENV['CAPYBARA_JAVASCRIPT_DRIVER']
+  Capybara.javascript_driver = ENV['CAPYBARA_JAVASCRIPT_DRIVER'].to_sym
+else
+  Capybara.javascript_driver = :selenium
+  # Capybara.javascript_driver = :headless_selenium_chrome_in_container
+  # Capybara.javascript_driver = :headless_selenium_firefox_in_container
+  # Capybara.javascript_driver = :selenium_firefox_in_container
+
+  Capybara.server_host = '0.0.0.0'
+
+  Capybara.server_port = 4000
+
+  Capybara.app_host = 'http://app:4000'
+
+  Capybara.always_include_port = true
+end
 
 if ENV['BROWSER']
   DatabaseCleaner.strategy = :truncation

spec/rails_helper.rb

@@ -13,6 +13,7 @@
 require 'paper_trail/frameworks/rspec'
 require 'factory_bot'
 require 'faker'
+require_relative './support/capybara.rb'
 
 # Requires supporting ruby files with custom matchers and macros, etc, in
 # spec/support/ and its subdirectories. Files matching `spec/**/*_spec.rb` are
@@ -48,6 +49,20 @@
   # arbitrary gems may also be filtered via:
   # config.filter_gems_from_backtrace("gem name")
   config.include FactoryBot::Syntax::Methods
+
+  config.before(:each, type: :system, js: true) do
+    driven_by :selenium_chrome_in_container
+
+    Capybara.server_host = '0.0.0.0'
+
+    Capybara.server_port = 4000
+
+    Capybara.app_host = 'http://app:4000'
+  end
+
+  config.before(:each, type: :system) do
+    driven_by :rack_test
+  end
 end
 
 Shoulda::Matchers.configure do |config|

spec/support/capybara.rb

@@ -0,0 +1,17 @@
+require 'selenium/webdriver'
+
+Capybara.register_driver :selenium_chrome_in_container do |app|
+  Capybara::Selenium::Driver.new app,
+                                 browser: :remote,
+                                 url: 'http://selenium_chrome:4444/wd/hub',
+                                 desired_capabilities: :chrome
+end
+
+Capybara.register_driver :headless_selenium_chrome_in_container do |app|
+  Capybara::Selenium::Driver.new app,
+                                 browser: :remote,
+                                 url: 'http://selenium_chrome:4444/wd/hub',
+                                 desired_capabilities: Selenium::WebDriver::Remote::Capabilities.chrome(
+                                   chromeOptions: { args: %w[headless disable-gpu] }
+                                 )
+end