hyper-react 0.99.6 → 1.0.0.lap21

data/spec/reactive-ruby/rails/asset_pipeline_spec.rb

@@ -0,0 +1,17 @@
+require 'spec_helper'
+
+# this spec makes trouble, becasue if the assets wont get deleted, the app will use 
+# the precompiled assets suring testing, whcih interferes with dynamically created code
+describe 'test_app generator' do
+  xit "does not interfere with asset precompilation" do
+    cmd = "cd spec/test_app; BUNDLE_GEMFILE=#{ENV['REAL_BUNDLE_GEMFILE']} bundle exec rails assets:precompile"
+    expect(system(cmd)).to be_truthy
+  end
+end
+
+describe 'assets:clobber' do
+  xit "remove precompiled assets so tests use recent assets" do
+    cmd = "cd spec/test_app; BUNDLE_GEMFILE=#{ENV['REAL_BUNDLE_GEMFILE']} bundle exec rails assets:clobber"
+    expect(system(cmd)).to be_truthy
+  end
+end

data/spec/reactive-ruby/rails/component_mount_spec.rb

@@ -0,0 +1,64 @@
+require 'spec_helper'
+
+RSpec.describe ReactiveRuby::Rails::ComponentMount do
+  let(:helper) { described_class.new }
+
+  before do
+    helper.setup(ActionView::TestCase::TestController.new)
+  end
+
+  describe '#react_component' do
+    it 'renders a div' do
+      html = helper.react_component('Components::HelloWorld')
+      expect(html).to match(/<div.*><\/div>/)
+    end
+
+    it 'accepts a pre-render option' do
+      html = helper.react_component('Components::HelloWorld', {}, prerender: true)
+      expect(html).to match(/<div.*><span.*>Hello, World!<\/span><\/div>/)
+    end
+
+    it 'sets data-react-class to React.TopLevelRailsComponent' do
+      html = helper.react_component('Components::HelloWorld')
+      top_level_class = 'React.TopLevelRailsComponent'
+      expect(attr_value(html, 'data-react-class')).to eq(top_level_class)
+    end
+
+    it 'sets component_name in data-react-props hash' do
+      html = helper.react_component('Components::HelloWorld')
+      props = react_props_for(html)
+
+      expect(props['component_name']).to eq('Components::HelloWorld')
+    end
+
+    it 'sets render_params in data-react-props hash' do
+      html = helper.react_component('Components::HelloWorld', {'foo' => 'bar'})
+      props = react_props_for(html)
+
+      expect(props['render_params']).to include({ 'foo' => 'bar' })
+    end
+
+    it 'sets controller in data-react-props hash' do
+      html = helper.react_component('Components::HelloWorld')
+      props = react_props_for(html)
+
+      expect(props['controller']).to eq('ActionView::TestCase::Test')
+    end
+
+    it 'passes additional options through as html attributes' do
+      html = helper.react_component('Components::HelloWorld', {},
+                                    { 'foo-bar' => 'biz-baz' })
+
+      expect(attr_value(html, 'foo-bar')).to eq('biz-baz')
+    end
+  end
+
+  def attr_value(html, attr)
+    matches = html.match(/#{attr}=["']((?:.(?!["']\s+(?:\S+)=|[>"']))+.)["']?/)
+    matches.captures.first
+  end
+
+  def react_props_for(html)
+    JSON.parse(CGI.unescapeHTML("#{attr_value(html, 'data-react-props')}"))
+  end
+end

data/spec/reactive-ruby/server_rendering/contextual_renderer_spec.rb

@@ -0,0 +1,39 @@
+require 'spec_helper'
+
+RSpec.describe ReactiveRuby::ServerRendering::ContextualRenderer do
+  let(:renderer) { described_class.new({}) }
+  let(:init) { Proc.new {} }
+  let(:options) { { context_initializer: init } }
+
+  describe '#render' do
+    it 'pre-renders HTML' do
+      result = renderer.render('Components.Todo',
+                                { todo: 'finish reactive-ruby' },
+                                options)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+      # react 16 does not generate checksum
+      # expect(result).to match(/data-react-checksum/)
+      expect(result).to match(/data-reactroot/)
+    end
+
+    it 'accepts props as a string' do
+      result = renderer.render('Components.Todo',
+                                { todo: 'finish reactive-ruby' }.to_json,
+                                options)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+            # react 16 does not generate checksum
+      # expect(result).to match(/data-react-checksum/)
+      expect(result).to match(/data-reactroot/)
+    end
+
+    it 'pre-renders static content' do
+      result = renderer.render('Components.Todo',
+                                { todo: 'finish reactive-ruby' },
+                                :static)
+      expect(result).to match(/<li.*>finish reactive-ruby<\/li>/)
+      # react 16 does not generate checksum
+      # expect(result).to_not match(/data-react-checksum/)
+      expect(result).to_not match(/data-reactroot/)
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,55 @@
+ENV["RAILS_ENV"] ||= 'test'
+
+require 'opal'
+require 'opal-rspec'
+require 'opal-jquery'
+
+begin
+  require File.expand_path('../test_app/config/environment', __FILE__)
+rescue LoadError
+  puts 'Could not load test application. Please ensure you have run `bundle exec rake test_app`'
+end
+require 'rspec/rails'
+require 'hyper-spec'
+require 'pry'
+require 'opal-browser'
+require 'timecop'
+
+RSpec.configure do |config|
+  config.color = true
+  config.fail_fast = ENV['FAIL_FAST'] || false
+  config.fixture_path = File.join(File.expand_path(File.dirname(__FILE__)), "fixtures")
+  config.infer_spec_type_from_file_location!
+  config.mock_with :rspec
+  config.raise_errors_for_deprecations!
+
+  # If you're not using ActiveRecord, or you'd prefer not to run each of your
+  # examples within a transaction, comment the following line or assign false
+  # instead of true.
+  config.use_transactional_fixtures = true
+
+  config.before :each do
+    Rails.cache.clear
+  end
+
+  config.filter_run_including focus: true
+  config.filter_run_excluding opal: true
+  config.run_all_when_everything_filtered = true
+
+  # Fail tests on JavaScript errors in Chrome Headless
+  class JavaScriptError < StandardError; end
+
+  config.after(:each, js: true) do |spec|
+    logs = page.driver.browser.manage.logs.get(:browser)
+    errors = logs.select { |e| e.level == "SEVERE" && e.message.present? }
+                .map { |m| m.message.gsub(/\\n/, "\n") }.to_a
+    if client_options[:deprecation_warnings] == :on
+      warnings = logs.select { |e| e.level == "WARNING" && e.message.present? }
+                  .map { |m| m.message.gsub(/\\n/, "\n") }.to_a
+      puts "\033[0;33;1m\nJavascript client console warnings:\n\n" + warnings.join("\n\n") + "\033[0;30;21m" if warnings.present?
+    end
+    unless client_options[:raise_on_js_errors] == :off
+      raise JavaScriptError, errors.join("\n\n") if errors.present?
+    end
+  end
+end

data/spec/test_app/README.md

@@ -0,0 +1,24 @@
+# README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...

data/spec/test_app/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative 'config/application'
+
+Rails.application.load_tasks

data/spec/test_app/app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/spec/test_app/app/assets/javascripts/application.rb

@@ -0,0 +1,7 @@
+require 'jquery'
+require 'react.js'
+require 'react-server.js'
+require 'react_ujs'
+require 'opal'
+require 'opal-jquery'
+require 'components'

data/spec/test_app/app/assets/javascripts/cable.js

@@ -0,0 +1,13 @@
+// Action Cable provides the framework to deal with WebSockets in Rails.
+// You can generate new channels where WebSocket features live using the `rails generate channel` command.
+//
+//= require action_cable
+//= require_self
+//= require_tree ./channels
+
+(function() {
+  this.App || (this.App = {});
+
+  App.cable = ActionCable.createConsumer();
+
+}).call(this);

data/spec/test_app/app/assets/javascripts/server_rendering.js

@@ -0,0 +1,5 @@
+//= require 'react-server'
+//= require 'react_ujs'
+//= require 'opal'
+//= require 'components'
+Opal.load('components');

data/spec/test_app/app/assets/stylesheets/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/spec/test_app/app/channels/application_cable/channel.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Channel < ActionCable::Channel::Base
+  end
+end

data/spec/test_app/app/channels/application_cable/connection.rb

@@ -0,0 +1,4 @@
+module ApplicationCable
+  class Connection < ActionCable::Connection::Base
+  end
+end

data/spec/test_app/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery with: :exception
+end

data/spec/test_app/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/spec/test_app/app/jobs/application_job.rb

@@ -0,0 +1,2 @@
+class ApplicationJob < ActiveJob::Base
+end

data/spec/test_app/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: 'from@example.com'
+  layout 'mailer'
+end

data/spec/test_app/app/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  self.abstract_class = true
+end

data/spec/test_app/app/views/components.rb

@@ -0,0 +1,11 @@
+require 'hyper-react'
+if React::IsomorphicHelpers.on_opal_client?
+  require 'browser'
+  require 'browser/delay'
+end
+require 'react/server'
+require 'react/test/utils'
+require 'reactrb/auto-import'
+require 'js'
+
+require_tree './components'

data/spec/test_app/app/views/components/hello_world.rb

@@ -0,0 +1,11 @@
+module Components
+  class HelloWorld
+    include React::Component
+
+    def render
+      div do
+        "Hello, World!".span
+      end
+    end
+  end
+end

data/spec/test_app/app/views/components/todo.rb

@@ -0,0 +1,14 @@
+module Components
+  class Todo
+    include React::Component
+    export_component
+
+    params do
+      requires :todo
+    end
+
+    def render
+      li { "#{params[:todo]}" }
+    end
+  end
+end

data/spec/test_app/app/views/layouts/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TestApp</title>
+    <%= csrf_meta_tags %>
+
+    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
+    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/spec/test_app/app/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/spec/test_app/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/spec/test_app/bin/bundle

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+load Gem.bin_path('bundler', 'bundle')

data/spec/test_app/bin/rails

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path('../config/application', __dir__)
+require_relative '../config/boot'
+require 'rails/commands'

data/spec/test_app/bin/rake

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run

data/spec/test_app/bin/setup

@@ -0,0 +1,38 @@
+#!/usr/bin/env ruby
+require 'pathname'
+require 'fileutils'
+include FileUtils
+
+# path to your application root.
+APP_ROOT = Pathname.new File.expand_path('../../', __FILE__)
+
+def system!(*args)
+  system(*args) || abort("\n== Command #{args} failed ==")
+end
+
+chdir APP_ROOT do
+  # This script is a starting point to setup your application.
+  # Add necessary setup steps to this file.
+
+  puts '== Installing dependencies =='
+  system! 'gem install bundler --conservative'
+  system('bundle check') || system!('bundle install')
+
+  # Install JavaScript dependencies if using Yarn
+  # system('bin/yarn')
+
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?('config/database.yml')
+  #   cp 'config/database.yml.sample', 'config/database.yml'
+  # end
+
+  puts "\n== Preparing database =="
+  system! 'bin/rails db:setup'
+
+  puts "\n== Removing old logs and tempfiles =="
+  system! 'bin/rails log:clear tmp:clear'
+
+  puts "\n== Restarting application server =="
+  system! 'bin/rails restart'
+end