hyper-spec 1.0.alpha1.8 → 1.0.0.lap28

data/Rakefile

@@ -5,6 +5,8 @@ RSpec::Core::RakeTask.new(:spec)
 
 namespace :spec do
   task :prepare do
+    sh %{bundle update}
+    sh %{cd spec/test_app; bundle update}
   end
 end
 

data/dciy.toml

@@ -0,0 +1,3 @@
+[dciy.commands]
+prepare = ["rake spec:prepare"]
+cibuild = ["bundle exec rake"]

data/hyper-spec.gemspec

@@ -6,51 +6,53 @@ require 'hyper-spec/version'
 Gem::Specification.new do |spec| # rubocop:disable Metrics/BlockLength
   spec.name          = 'hyper-spec'
   spec.version       = HyperSpec::VERSION
-  spec.authors       = ['Mitch VanDuyn', 'AdamCreekroad', 'Jan Biedermann']
+  spec.authors       = ['Mitch VanDuyn', 'Adam Creekroad', 'Jan Biedermann']
   spec.email         = ['mitch@catprint.com', 'jan@kursator.com']
-  spec.summary       = 'Drive your Opal and Hyperstack client and server specs from RSpec and Capybara'
-  spec.description   = 'A Hyperstack application consists of isomorphic React Components, '\
+  spec.summary       = 'Drive your Hyperloop client and server specs from RSpec and Capybara'
+  spec.description   = 'A Hyperloop application consists of isomorphic React Components, '\
                        'Active Record Models, Stores, Operations and Policiespec. '\
                        'Test them all from Rspec, regardless if the code runs on the client or server.'
-  spec.homepage      = 'http://hyperstack.org'
+  spec.homepage      = 'http://ruby-hyperloop.org'
   spec.license       = 'MIT'
+  # spec.metadata      = {
+  #   "homepage_uri" => 'http://ruby-hyperloop.org',
+  #   "source_code_uri" => 'https://github.com/ruby-hyperloop/hyper-component'
+  # }
+
   spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(gemfiles|spec)/}) }
   spec.bindir        = 'exe'
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']
 
-  spec.add_dependency 'actionview'
   spec.add_dependency 'capybara'
-  spec.add_dependency 'chromedriver-helper', '1.2.0'
-  spec.add_dependency 'filecache'
+  spec.add_dependency 'chromedriver-helper'
   spec.add_dependency 'method_source'
-  spec.add_dependency 'opal', ENV['OPAL_VERSION'] || '>= 0.11.0', '< 2.0'
-  spec.add_dependency 'parser'
-  spec.add_dependency 'rspec'
+  spec.add_dependency 'opal', '>= 0.11.0', '< 0.12.0'
+  spec.add_dependency 'parser', '>= 2.3.3.1'
+  spec.add_dependency 'pry'
+  spec.add_dependency 'rspec-rails'
   spec.add_dependency 'selenium-webdriver'
   spec.add_dependency 'timecop', '~> 0.8.1'
   spec.add_dependency 'uglifier'
-  spec.add_dependency 'unparser', '>= 0.4.2'
+  spec.add_dependency 'unparser'
   spec.add_dependency 'webdrivers'
 
   spec.add_development_dependency 'bundler'
-  spec.add_development_dependency 'hyper-component', HyperSpec::VERSION
-  spec.add_development_dependency 'mini_racer'
+  spec.add_development_dependency 'hyper-react', HyperSpec::VERSION
+  spec.add_development_dependency 'mini_racer', '~> 0.1.15'
   spec.add_development_dependency 'opal-browser', '~> 0.2.0'
-  spec.add_development_dependency 'opal-rails', '>= 0.9.4'
-  spec.add_development_dependency 'pry-rescue'
-  spec.add_development_dependency 'pry-stack_explorer'
+  spec.add_development_dependency 'opal-rails', '~> 0.9.4'
   spec.add_development_dependency 'puma'
-  spec.add_development_dependency 'rails', ENV['RAILS_VERSION'] || '>= 5.0.0', '< 7.0'
+  spec.add_development_dependency 'rails', '>= 4.0.0'
   spec.add_development_dependency 'rake'
+  spec.add_development_dependency 'pry-rescue'
   spec.add_development_dependency 'react-rails', '>= 2.3.0', '< 2.5.0'
-  spec.add_development_dependency 'rspec-rails'
   spec.add_development_dependency 'rspec-collection_matchers'
   spec.add_development_dependency 'rspec-expectations'
   spec.add_development_dependency 'rspec-its'
   spec.add_development_dependency 'rspec-mocks'
   spec.add_development_dependency 'rspec-steps', '~> 2.1.1'
-  spec.add_development_dependency 'rubocop' #, '~> 0.51.0'
+  spec.add_development_dependency 'rubocop', '~> 0.51.0'
   spec.add_development_dependency 'shoulda'
   spec.add_development_dependency 'shoulda-matchers'
   spec.add_development_dependency 'spring-commands-rspec'

data/lib/hyper-spec.rb

@@ -1,144 +1,14 @@
-# hyper-spec
-require 'action_view'
-require 'opal'
-require 'unparser'
-require 'method_source'
-require 'filecache'
-
 require 'capybara/rspec'
-require 'hyper-spec/internal/client_execution'
-require 'hyper-spec/internal/component_mount'
-require 'hyper-spec/internal/controller'
-require 'hyper-spec/internal/copy_locals'
-require 'hyper-spec/internal/patches'
-require 'hyper-spec/internal/rails_controller_helpers'
-require 'hyper-spec/internal/time_cop.rb'
-require 'hyper-spec/internal/window_sizing'
-
-require 'hyper-spec/controller_helpers'
-
-require 'hyper-spec/wait_for_ajax'
-
-require 'hyper-spec/helpers'
-require 'hyper-spec/expectations'
-
-require 'parser/current'
-if defined?(Selenium::WebDriver::Firefox)
-  require 'selenium/web_driver/firefox/profile'
-end
+require 'opal'
 require 'selenium-webdriver'
 
+require 'hyper-spec/component_test_helpers'
 require 'hyper-spec/version'
-
-
-begin
-  require 'pry'
-rescue LoadError
-  nil
-end
-
-# opt-in to most recent AST format:
-Parser::Builders::Default.emit_lambda              = true
-Parser::Builders::Default.emit_procarg0            = true
-(Parser::Builders::Default.emit_encoding            = true) rescue nil
-(Parser::Builders::Default.emit_index               = true) rescue nil
-(Parser::Builders::Default.emit_arg_inside_procarg0 = true) rescue nil
-(Parser::Builders::Default.emit_forward_arg         = true) rescue nil
-(Parser::Builders::Default.emit_kwargs              = true) rescue nil
-(Parser::Builders::Default.emit_match_pattern       = true) rescue nil
-
-# not available in parser 2.3
-if Parser::Builders::Default.respond_to? :emit_arg_inside_procarg0
-  Parser::Builders::Default.emit_arg_inside_procarg0 = true
-end
-
-module HyperSpec
-  if defined? Pry
-    # add a before eval hook to pry so we can capture the source
-    class << self
-      attr_accessor :current_pry_code_block
-      Pry.hooks.add_hook(:before_eval, 'hyper_spec_code_capture') do |code|
-        HyperSpec.current_pry_code_block = code
-      end
-    end
-  end
-
-  def self.reset_between_examples
-    @reset_between_examples ||= []
-  end
-
-  def self.reset_between_examples?
-    RSpec.configuration.reset_between_examples
-  end
-
-  def self.reset_sessions!
-    Capybara.old_reset_sessions!
-  end
-end
-
-# TODO: figure out why we need this patch - its because we are on an old version
-# of Selenium Webdriver, but why?
-require 'selenium-webdriver'
-
-module Selenium
-  module WebDriver
-    module Chrome
-      module Bridge
-        COMMANDS = remove_const(:COMMANDS).dup
-        COMMANDS[:get_log] = [:post, 'session/:session_id/log']
-        COMMANDS.freeze
-
-        def log(type)
-          data = execute :get_log, {}, type: type.to_s
-
-          Array(data).map do |l|
-            begin
-              LogEntry.new l.fetch('level', 'UNKNOWN'), l.fetch('timestamp'), l.fetch('message')
-            rescue KeyError
-              next
-            end
-          end
-        end
-      end
-    end
-  end
-end
-
-module Capybara
-  class << self
-    alias old_reset_sessions! reset_sessions!
-    def reset_sessions!
-      old_reset_sessions! if HyperSpec.reset_between_examples?
-    end
-  end
-end
-
-RSpec.configure do |config|
-  config.add_setting :reset_between_examples, default: true
-  config.before(:all, no_reset: true) do
-    HyperSpec.reset_between_examples << RSpec.configuration.reset_between_examples
-    RSpec.configuration.reset_between_examples = false
-  end
-  config.before(:all, no_reset: false) do
-    HyperSpec.reset_between_examples << RSpec.configuration.reset_between_examples
-    RSpec.configuration.reset_between_examples = true
-  end
-  config.after(:all) do
-    HyperSpec.reset_sessions! unless HyperSpec.reset_between_examples?
-    # If rspecs step is used first in a file, it will NOT call config.before(:all) causing the
-    # reset_between_examples stack to be mismatched, so we check, if its already empty we
-    # just leave.
-    next if HyperSpec.reset_between_examples.empty?
-
-    RSpec.configuration.reset_between_examples = HyperSpec.reset_between_examples.pop
-  end
-  config.before(:each) do |example|
-    insure_page_loaded(true) if example.metadata[:js] && !HyperSpec.reset_between_examples?
-  end
-end
+require 'hyper-spec/wait_for_ajax'
+require 'selenium/web_driver/firefox/profile'
 
 RSpec.configure do |config|
-  config.include HyperSpec::Helpers
+  config.include HyperSpec::ComponentTestHelpers
   config.include HyperSpec::WaitForAjax
   config.include Capybara::DSL
 
@@ -147,21 +17,17 @@ RSpec.configure do |config|
   config.add_setting :debugger_width, default: nil
 
   config.before(:each) do
-    if defined?(Hyperstack)
-      Hyperstack.class_eval do
-        def self.on_server?
-          true
-        end
+    Hyperloop.class_eval do
+      def self.on_server?
+        true
       end
-    end
+    end if defined?(Hyperloop)
     # for compatibility with HyperMesh
-    if defined?(HyperMesh)
-      HyperMesh.class_eval do
-        def self.on_server?
-          true
-        end
+    HyperMesh.class_eval do
+      def self.on_server?
+        true
       end
-    end
+    end if defined?(HyperMesh)
   end
 
   config.before(:each, js: true) do
@@ -177,30 +43,22 @@ RSpec.configure do |config|
       PusherFake::Channel.reset if defined? PusherFake
     end
   end
+
 end
 
 # Capybara config
-RSpec.configure do |config|
-  config.before(:each) do |example|
-    HyperSpec::Internal::Controller.current_example = example
-    HyperSpec::Internal::Controller.description_displayed = false
-  end
-
-  config.add_setting :wait_for_initialization_time
-  config.wait_for_initialization_time = 3
-
+RSpec.configure do |_config|
   Capybara.default_max_wait_time = 10
 
   Capybara.register_driver :chrome do |app|
     options = {}
     options.merge!(
-      w3c: false,
-      args: %w[auto-open-devtools-for-tabs]
-    )
+      args: %w[auto-open-devtools-for-tabs],
+      prefs: { 'devtools.open_docked' => false, "devtools.currentDockState" => "undocked", devtools: {currentDockState: :undocked} }
+    ) unless ENV['NO_DEBUGGER']
+    # this does not seem to work properly.  Don't document this feature yet.
     options['mobileEmulation'] = { 'deviceName' => ENV['DEVICE'].tr('-', ' ') } if ENV['DEVICE']
-    capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
-      chromeOptions: options, 'goog:loggingPrefs' => { browser: 'ALL' }
-    )
+    capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(chromeOptions: options)
     Capybara::Selenium::Driver.new(app, browser: :chrome, desired_capabilities: capabilities)
   end
 
@@ -208,20 +66,11 @@ RSpec.configure do |config|
     Capybara::Selenium::Driver.new(app, browser: :firefox)
   end
 
-  Capybara.register_driver :chrome_headless_docker_travis do |app|
-    options = ::Selenium::WebDriver::Chrome::Options.new
-    options.add_argument('--headless')
-    options.add_argument('--no-sandbox')
-    options.add_argument('--disable-dev-shm-usage')
-    Selenium::WebDriver::Chrome::Service.driver_path = '/usr/lib/chromium-browser/chromedriver'
-    Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
-  end
-
   Capybara.register_driver :firefox_headless do |app|
     options = Selenium::WebDriver::Firefox::Options.new
     options.headless!
     Capybara::Selenium::Driver.new(app, browser: :firefox, options: options)
-  end if defined?(Selenium::WebDriver::Firefox)
+  end
 
   Capybara.register_driver :selenium_with_firebug do |app|
     profile = Selenium::WebDriver::Firefox::Profile.new
@@ -229,7 +78,7 @@ RSpec.configure do |config|
     profile.enable_firebug
     options = Selenium::WebDriver::Firefox::Options.new(profile: profile)
     Capybara::Selenium::Driver.new(app, browser: :firefox, options: options)
-  end if defined?(Selenium::WebDriver::Firefox)
+  end
 
   Capybara.register_driver :safari do |app|
     Capybara::Selenium::Driver.new(app, browser: :safari)
@@ -243,7 +92,7 @@ RSpec.configure do |config|
     when 'firefox' then :firefox
     when 'headless' then :selenium_chrome_headless
     when 'safari' then :safari
-    when 'travis' then :chrome_headless_docker_travis
     else :selenium_chrome_headless
     end
+
 end

data/lib/hyper-spec/component_test_helpers.rb

@@ -0,0 +1,360 @@
+# see component_test_helpers_spec.rb for examples
+require 'parser/current'
+require 'unparser'
+require 'method_source'
+require_relative '../../lib/hyper-spec/time_cop.rb'
+
+module HyperSpec
+  module ComponentTestHelpers
+    TOP_LEVEL_COMPONENT_PATCH =
+      Opal.compile(File.read(File.expand_path('../../react/top_level_rails_component.rb', __FILE__)))
+    TIME_COP_CLIENT_PATCH =
+      Opal.compile(File.read(File.expand_path('../../hyper-spec/time_cop.rb', __FILE__))) +
+      "\n#{File.read(File.expand_path('../../sources/lolex.js', __FILE__))}"
+
+    class << self
+      attr_accessor :current_example
+      attr_accessor :description_displayed
+
+      def display_example_description
+        "<script type='text/javascript'>console.log('%c#{current_example.description}'"\
+        ",'color:green; font-weight:bold; font-size: 200%')</script>"
+      end
+    end
+
+    def build_test_url_for(controller)
+      unless controller
+        unless defined?(::ReactTestController)
+          Object.const_set('ReactTestController', Class.new(::ActionController::Base))
+        end
+
+        controller = ::ReactTestController
+      end
+
+      route_root = controller.name.gsub(/Controller$/, '').underscore
+
+      unless controller.method_defined?(:test)
+        controller.class_eval do
+          define_method(:test) do
+            route_root = self.class.name.gsub(/Controller$/, '').underscore
+            test_params = ::Rails.cache.read("/#{route_root}/#{params[:id]}")
+            @component_name = test_params[0]
+            @component_params = test_params[1]
+            render_params = test_params[2]
+            render_on = render_params.delete(:render_on) || :client_only
+            _mock_time = render_params.delete(:mock_time)
+            style_sheet = render_params.delete(:style_sheet)
+            javascript = render_params.delete(:javascript)
+            code = render_params.delete(:code)
+
+            page = '<%= react_component @component_name, @component_params, '\
+                   "{ prerender: #{render_on != :client_only} } %>"
+            unless render_on == :server_only
+              page = "<script type='text/javascript'>\n#{TOP_LEVEL_COMPONENT_PATCH}\n</script>\n#{page}"
+              page = "<script type='text/javascript'>\n#{code}\n</script>\n#{page}" if code
+            end
+
+            if render_on != :server_only || Lolex.initialized?
+              page = "<script type='text/javascript'>\n#{TIME_COP_CLIENT_PATCH}\n</script>\n#{page}"
+            end
+
+            if (render_on != :server_only && !render_params[:layout]) || javascript
+              page = "<%= javascript_include_tag '#{javascript || 'application'}' %>\n#{page}"
+            end
+
+            if !render_params[:layout] || style_sheet
+              page = "<%= stylesheet_link_tag '#{style_sheet || 'application'}' %>\n#{page}"
+            end
+            page = "<script type='text/javascript'>go = function() "\
+                   "{window.hyper_spec_waiting_for_go = false}</script>\n#{page}"
+
+            title = view_context.escape_javascript(ComponentTestHelpers.current_example.description)
+            title = "#{title}...continued." if ComponentTestHelpers.description_displayed
+
+            page = "<script type='text/javascript'>console.log('%c#{title}',"\
+                   "'color:green; font-weight:bold; font-size: 200%')</script>\n#{page}"
+
+            ComponentTestHelpers.description_displayed = true
+            render_params[:inline] = page
+            render render_params
+          end
+        end
+
+        begin
+          routes = ::Rails.application.routes
+          routes.disable_clear_and_finalize = true
+          routes.clear!
+          routes.draw do
+            get "/#{route_root}/:id", to: "#{route_root}#test"
+          end
+          ::Rails.application.routes_reloader.paths.each { |path| load(path) }
+          routes.finalize!
+          ActiveSupport.on_load(:action_controller) { routes.finalize! }
+        ensure
+          routes.disable_clear_and_finalize = false
+        end
+      end
+
+      "/#{route_root}/#{@test_id = (@test_id || 0) + 1}"
+    end
+
+    def isomorphic(&block)
+      yield
+      on_client(&block)
+    end
+
+    def evaluate_ruby(str = '', opts = {}, &block)
+      insure_mount
+      if block
+        str = "#{str}\n#{Unparser.unparse Parser::CurrentRuby.parse(block.source).children.last}"
+      end
+      js = Opal.compile(str).delete("\n").gsub('(Opal);', '(Opal)')
+      # workaround for firefox 58 and geckodriver 0.19.1, because firefox is unable to find .$to_json:
+      # JSON.parse(evaluate_script("(function(){var a=Opal.Array.$new(); a[0]=#{js}; return a.$to_json();})();"), opts).first
+      JSON.parse(evaluate_script("[#{js}].$to_json()"), opts).first
+    end
+
+    def expect_evaluate_ruby(str = '', opts = {}, &block)
+      insure_mount
+      expect(evaluate_ruby(add_opal_block(str, block), opts))
+    end
+
+    def add_opal_block(str, block)
+      # big assumption here is that we are going to follow this with a .to
+      # hence .children.first followed by .children.last
+      # probably should do some kind of "search" to make this work nicely
+      return str unless block
+      "#{str}\n"\
+      "#{Unparser.unparse Parser::CurrentRuby.parse(block.source).children.first.children.last}"
+    end
+
+    def evaluate_promise(str = '', opts = {}, &block)
+      insure_mount
+      str = "#{str}\n#{Unparser.unparse Parser::CurrentRuby.parse(block.source).children.last}" if block
+      str = "#{str}.then { |args| args = [args]; `window.hyper_spec_promise_result = args` }"
+      js = Opal.compile(str).gsub("\n","").gsub("(Opal);","(Opal)")
+      page.evaluate_script("window.hyper_spec_promise_result = false")
+      page.execute_script(js)
+      Timeout.timeout(Capybara.default_max_wait_time) do
+        loop do
+          sleep 0.25
+          break if page.evaluate_script("!!window.hyper_spec_promise_result")
+        end
+      end
+      JSON.parse(page.evaluate_script("window.hyper_spec_promise_result.$to_json()"), opts).first
+    end
+
+    def expect_promise(str = '', opts = {}, &block)
+      insure_mount
+      expect(evaluate_promise(add_opal_block(str, block), opts))
+    end
+
+    def ppr(str)
+      js = Opal.compile(str).delete("\n").gsub('(Opal);', '(Opal)')
+      execute_script("console.log(#{js})")
+    end
+
+    def on_client(&block)
+      @client_code =
+        "#{@client_code}#{Unparser.unparse Parser::CurrentRuby.parse(block.source).children.last}\n"
+    end
+
+    def debugger
+      `debugger`
+      nil
+    end
+
+    def insure_mount
+      # rescue in case page is not defined...
+      mount unless page.instance_variable_get('@hyper_spec_mounted')
+    end
+
+    def client_option(opts = {})
+      @client_options ||= {}
+      @client_options.merge! opts
+    end
+
+    alias client_options client_option
+
+    def mount(component_name = nil, params = nil, opts = {}, &block)
+      unless params
+        params = opts
+        opts = {}
+      end
+
+      opts = client_options opts
+      test_url = build_test_url_for(opts.delete(:controller))
+
+      if block || @client_code || component_name.nil?
+        block_with_helpers = <<-code
+          module ComponentHelpers
+            def self.js_eval(s)
+              `eval(s)`
+            end
+            def self.dasherize(s)
+              res = %x{
+                s.replace(/[-_\\s]+/g, '-')
+                .replace(/([A-Z\\d]+)([A-Z][a-z])/g, '$1-$2')
+                .replace(/([a-z\\d])([A-Z])/g, '$1-$2')
+                .toLowerCase()
+              }
+              res
+            end
+            def self.add_class(class_name, styles={})
+              style = styles.collect { |attr, value| "\#{dasherize(attr)}:\#{value}" }.join("; ")
+              cs = class_name.to_s
+              %x{
+                var style_el = document.createElement("style");
+                var css = "." + cs + " { " + style + " }";
+                style_el.type = "text/css";
+                if (style_el.styleSheet){
+                  style_el.styleSheet.cssText = css;
+                } else {
+                  style_el.appendChild(document.createTextNode(css));
+                }
+                document.head.appendChild(style_el);
+              }
+            end
+          end
+          class React::Component::HyperTestDummy < React::Component::Base
+                def render; end
+          end
+          #{@client_code}
+          #{Unparser.unparse(Parser::CurrentRuby.parse(block.source).children.last) if block}
+        code
+        opts[:code] = Opal.compile(block_with_helpers)
+      end
+
+      component_name ||= 'React::Component::HyperTestDummy'
+      ::Rails.cache.write(test_url, [component_name, params, opts])
+      test_code_key = "hyper_spec_prerender_test_code.js"
+      @@original_server_render_files ||= ::Rails.configuration.react.server_renderer_options[:files]
+      if opts[:render_on] == :both || opts[:render_on] == :server_only
+        unless opts[:code].blank?
+          ::Rails.cache.write(test_code_key, opts[:code])
+          ::Rails.configuration.react.server_renderer_options[:files] = @@original_server_render_files + [test_code_key]
+          ::React::ServerRendering.reset_pool # make sure contexts are reloaded so they dont use code from cache, as the rails filewatcher doesnt look for cache changes
+        else
+          ::Rails.cache.delete(test_code_key)
+          ::Rails.configuration.react.server_renderer_options[:files] = @@original_server_render_files
+          ::React::ServerRendering.reset_pool # make sure contexts are reloaded so they dont use code from cache, as the rails filewatcher doesnt look for cache changes
+        end
+      end
+      Lolex.init(self, client_options[:time_zone], client_options[:clock_resolution])
+      visit test_url
+      wait_for_ajax unless opts[:no_wait]
+      page.instance_variable_set('@hyper_spec_mounted', true)
+    end
+
+    [:callback_history_for, :last_callback_for, :clear_callback_history_for,
+     :event_history_for, :last_event_for, :clear_event_history_for].each do |method|
+      define_method(method) do |event_name|
+        evaluate_ruby("React::TopLevelRailsComponent.#{method}('#{event_name}')")
+      end
+    end
+
+    def run_on_client(&block)
+      script = Opal.compile(Unparser.unparse(Parser::CurrentRuby.parse(block.source).children.last))
+      execute_script(script)
+    end
+
+    def add_class(class_name, style)
+      @client_code = "#{@client_code}ComponentHelpers.add_class('#{class_name}', #{style})\n"
+    end
+
+    def open_in_chrome
+      if false && ['linux', 'freebsd'].include?(`uname`.downcase)
+        `google-chrome http://#{page.server.host}:#{page.server.port}#{page.current_path}`
+      else
+        `open http://#{page.server.host}:#{page.server.port}#{page.current_path}`
+      end
+
+      while true
+        sleep 1.hour
+      end
+    end
+
+    def pause(message = nil)
+      if message
+        puts message
+        page.evaluate_ruby "puts #{message.inspect}.to_s + ' (type go() to continue)'"
+      end
+
+      page.evaluate_script('window.hyper_spec_waiting_for_go = true')
+
+      loop do
+        sleep 0.25
+        break unless page.evaluate_script('window.hyper_spec_waiting_for_go')
+      end
+    end
+
+    def wait_for_size(width, height)
+      start_time = Capybara::Helpers.monotonic_time
+      stable_count_w = 0
+      stable_count_h = 0
+      prev_size = [0, 0]
+      begin
+        sleep 0.05
+        curr_size = Capybara.current_session.current_window.size
+        return if [width, height] == curr_size
+        # some maximum or minimum is reached and size doesnt change anymore
+        stable_count_w += 1 if prev_size[0] == curr_size[0]
+        stable_count_h += 1 if prev_size[1] == curr_size[1]
+        return if stable_count_w > 2 || stable_count_h > 2
+        prev_size = curr_size
+      end while (Capybara::Helpers.monotonic_time - start_time) < Capybara.current_session.config.default_max_wait_time
+      raise Capybara::WindowError, "Window size not stable within #{Capybara.current_session.config.default_max_wait_time} seconds."
+    end
+
+    def size_window(width = nil, height = nil)
+      # return if @window_cannot_be_resized
+      # original_width = evaluate_script('window.innerWidth')
+      # original_height = evaluate_script('window.innerHeight')
+      width, height = [height, width] if width == :portrait
+      width, height = width if width.is_a? Array
+      portrait = true if height == :portrait
+
+      case width
+      when :small
+        width, height = [480, 320]
+      when :mobile
+        width, height = [640, 480]
+      when :tablet
+        width, height = [960, 640]
+      when :large
+        width, height = [1920, 6000]
+      when :default, nil
+        width, height = [1024, 768]
+      end
+
+      width, height = [height, width] if portrait
+
+      unless RSpec.configuration.debugger_width
+        Capybara.current_session.current_window.resize_to(1000, 500)
+        wait_for_size(1000, 500)
+        inner_width = evaluate_script('window.innerWidth')
+        RSpec.configuration.debugger_width = 1000 - inner_width
+      end
+      Capybara.current_session.current_window
+              .resize_to(width + RSpec.configuration.debugger_width, height)
+      wait_for_size(width + RSpec.configuration.debugger_width, height)
+    end
+  end
+
+  RSpec.configure do |config|
+    config.before(:each) do |example|
+      ComponentTestHelpers.current_example = example
+      ComponentTestHelpers.description_displayed = false
+    end
+
+    if defined?(ActiveRecord)
+      config.before(:all) do
+        ActiveRecord::Base.class_eval do
+          def attributes_on_client(page)
+            page.evaluate_ruby("#{self.class.name}.find(#{id}).attributes", symbolize_names: true)
+          end
+        end
+      end
+    end
+  end
+end