# 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
""
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 = "\n#{page}"
page = "\n#{page}" if code
end
if render_on != :server_only || Lolex.initialized?
page = "\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 = "\n#{page}"
title = view_context.escape_javascript(ComponentTestHelpers.current_example.description)
title = "#{title}...continued." if ComponentTestHelpers.description_displayed
page = "\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