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

data/hyper-spec.gemspec

@@ -6,49 +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 '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/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

data/lib/hyper-spec/{internal/time_cop.rb → time_cop.rb}

@@ -59,10 +59,6 @@ if RUBY_ENGINE == 'opal'
         ticker
       end
 
-      def init(scale: 1, resolution: 10)
-        update_lolex(Time.now, scale, resolution)
-      end
-
       def update_lolex(time, scale, resolution)
         `#{@lolex}.uninstall()` && return if scale.nil?
         @mock_start_time = time.to_f * 1000
@@ -84,14 +80,6 @@ if RUBY_ENGINE == 'opal'
     end
   end
 
-  # create an alias for Lolex.init so we can say Timecop.init on the client
-
-  class Timecop
-    def self.init(*args)
-      Lolex.init(*args)
-    end
-  end
-
 else
   require 'timecop'
 
@@ -148,7 +136,7 @@ else
 
       def evaluate_ruby(&block)
         if @capybara_page
-          @capybara_page.internal_evaluate_ruby(yield)
+          @capybara_page.evaluate_ruby(yield)
         else
           pending_evaluations << block
         end
@@ -156,7 +144,7 @@ else
 
       def run_pending_evaluations
         return if pending_evaluations.empty?
-        @capybara_page.internal_evaluate_ruby(pending_evaluations.collect(&:call).join("\n"))
+        @capybara_page.evaluate_ruby(pending_evaluations.collect(&:call).join("\n"))
         @pending_evaluations ||= []
       end
     end

data/lib/hyper-spec/version.rb

@@ -1,3 +1,3 @@
 module HyperSpec
-  VERSION = '1.0.alpha1.8.1'
+  VERSION = '1.0.0.lap28'
 end

data/lib/hyper-spec/wait_for_ajax.rb

@@ -12,9 +12,9 @@ module HyperSpec
     def running?
       jscode = <<-CODE
       (function() {
-        if (typeof Opal !== "undefined" && Opal.Hyperstack !== undefined) {
+        if (typeof Opal !== "undefined" && Opal.Hyperloop !== undefined) {
           try {
-            return Opal.Hyperstack.$const_get("HTTP")["$active?"]();
+            return Opal.Hyperloop.$const_get("HTTP")["$active?"]();
           } catch(err) {
             if (typeof jQuery !== "undefined" && jQuery.active !== undefined) {
               return (jQuery.active > 0);
@@ -29,7 +29,7 @@ module HyperSpec
         }
       })();
       CODE
-      Capybara.page.evaluate_script(jscode)
+      page.evaluate_script(jscode)
     rescue Exception => e
       puts "wait_for_ajax failed while testing state of ajax requests: #{e}"
     end
@@ -39,7 +39,7 @@ module HyperSpec
     rescue Capybara::NotSupportedByDriverError
       true
     rescue Exception => e
-      e.message == 'either jQuery or Hyperstack::HTTP is not defined'
+      e.message == 'either jQuery or Hyperloop::HTTP is not defined'
     end
   end
 end