bootstrap4_form_builder 0.0.1

data/test/bootstrap4_form_builder_test.rb

@@ -0,0 +1,130 @@
+require 'test_helper'
+
+class Bootstrap4FormBuilderTest < ActionView::TestCase
+  
+  def setup
+    @builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, nil, self, {})
+    @inline_builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, nil, self, {layout: :inline})
+    @gridded_builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, nil, self, {label_col: 'col-sm-2', control_col: 'col-sm-8'})
+  end
+  
+  test "color_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_color">Color</label><input class="form-control" value="#000000" type="color" name="user[color]" id="user_color" /></div>}
+    assert_equal expected, @builder.color_field(:color)
+  end
+  
+  test "date_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_birthdate">Birthdate</label><input class="form-control" value="#000000" type="color" name="user[birthdate]" id="user_birthdate" /></div>}
+    assert_equal expected, @builder.color_field(:birthdate)
+  end
+  
+  test "datetime_local_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_birthdate">Birthdate</label><input class="form-control" type="datetime-local" name="user[birthdate]" id="user_birthdate" /></div>}
+    assert_equal expected, @builder.datetime_local_field(:birthdate)
+  end
+  
+  test "email_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_email">Email</label><input class="form-control" type="email" name="user[email]" id="user_email" /></div>}
+    assert_equal expected, @builder.email_field(:email)
+  end
+  
+  test "month_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_month">Month</label><input class="form-control" type="month" name="user[month]" id="user_month" /></div>}
+    assert_equal expected, @builder.month_field(:month)
+  end
+  
+  test "number_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_number">Number</label><input class="form-control" type="number" name="user[number]" id="user_number" /></div>}
+    assert_equal expected, @builder.number_field(:number)
+  end
+  
+  test "password_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_password">Password</label><input class="form-control" type="password" name="user[password]" id="user_password" /></div>}
+    assert_equal expected, @builder.password_field(:password)
+  end
+  
+  test "phone_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_phone">Phone</label><input class="form-control" type="tel" name="user[phone]" id="user_phone" /></div>}
+    assert_equal expected, @builder.phone_field(:phone)
+  end
+  
+  test "range_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_range">Range</label><input class="form-control" type="range" name="user[range]" id="user_range" /></div>}
+    assert_equal expected, @builder.range_field(:range)
+  end
+  
+  test "search_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_search">Search</label><input class="form-control" type="search" name="user[search]" id="user_search" /></div>}
+    assert_equal expected, @builder.search_field(:search)
+  end
+  
+  test "telephone_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_phone">Phone</label><input class="form-control" type="tel" name="user[phone]" id="user_phone" /></div>}
+    assert_equal expected, @builder.telephone_field(:phone)
+  end
+  
+  test "text_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @builder.text_field(:name)
+  end
+  
+  test "text_area is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_comments">Comments</label><textarea class="form-control" name="user[comments]" id="user_comments">\n</textarea></div>}
+    assert_equal expected, @builder.text_area(:comments)
+  end
+  
+  test "time_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_time">Time</label><input class="form-control" type="time" name="user[time]" id="user_time" /></div>}
+    assert_equal expected, @builder.time_field(:time)
+  end
+  
+  test "url_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_url">Url</label><input class="form-control" type="url" name="user[url]" id="user_url" /></div>}
+    assert_equal expected, @builder.url_field(:url)
+  end
+  
+  test "week_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_week">Week</label><input class="form-control" type="week" name="user[week]" id="user_week" /></div>}
+    assert_equal expected, @builder.week_field(:week)
+  end
+  
+  test "inline text_field is wrapped correctly" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_name">Name</label><input placeholder="Name" class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @inline_builder.text_field(:name, placeholder: "Name")
+  end
+  
+  test "gridded form field is wrapped correctly" do
+    expected = %{<div class="form-group row"><label class="form-control-label col-sm-2" for="user_name">Name</label><div class="col-sm-8"><input class="form-control" type="text" name="user[name]" id="user_name" /></div></div>}
+    assert_equal expected, @gridded_builder.text_field(:name)
+  end
+  
+  test "submit is classed correctly" do
+    expected = %{<input type="submit" name="commit" value="Register" class="btn btn-default" />}
+    assert_equal expected, @builder.submit("Register")
+  end
+  
+  test "primary is classed correctly" do
+    expected = %{<input type="submit" name="commit" value="Register" class="btn btn-primary" />}
+    assert_equal expected, @builder.primary("Register")
+  end
+  
+  test "custom label text is included" do
+    expected = %{<div class="form-group"><label class="form-control-label" for="user_name">Full Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @builder.text_field(:name, label: "Full Name")
+  end
+  
+  test "custom label class is included" do
+    expected = %{<div class="form-group"><label class="form-control-label custom-label" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @builder.text_field(:name, label_class: "custom-label")
+  end
+  
+  test "label is hidden when requested" do
+    expected = %{<div class="form-group"><label class="form-control-label sr-only" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @builder.text_field(:name, hide_label: true)
+  end
+  
+  test "custom container class is include" do
+    expected = %{<div class="form-group custom-class"><label class="form-control-label" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @builder.text_field(:name, container_class: "custom-class")
+  end
+end

data/test/bootstrap4_form_error_test.rb

@@ -0,0 +1,47 @@
+require 'test_helper'
+
+class Bootstrap4FormErrorTest < ActionView::TestCase
+  def setup
+    @user = User.new(email: "wrong", password: "pass")
+    @user.valid?
+    @builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, @user, self, {})
+    @inline_builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, @user, self, {inline_error_class: 'col-sm-2'})
+    @noninline_error_builder = Bootstrap4FormBuilder::FormBuilder::BootstrapBuilder.new(:user, @user, self, {inline_errors: false})
+  end
+  
+  test "text_field with errors is wrapped correctly" do
+    expected = %{<div class="form-group field-with-errors"><label class="form-control-label label-error" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /><small class="text-muted error-text">can&#39;t be blank</small></div>}
+    assert_equal expected, @builder.text_field(:name)
+  end
+  
+  test "text_field with errors includes inline-error-class" do
+    expected = %{<div class="form-group field-with-errors"><label class="form-control-label label-error" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /><small class="text-muted error-text col-sm-2">can&#39;t be blank</small></div>}
+    assert_equal expected, @inline_builder.text_field(:name)
+  end
+  
+  test "email_field with errors is wrapped correctly" do
+    expected = %{<div class="form-group field-with-errors"><label class="form-control-label label-error" for="user_email">Email</label><input class="form-control" type="email" value="wrong" name="user[email]" id="user_email" /><small class="text-muted error-text">must have an @</small></div>}
+    assert_equal expected, @builder.email_field(:email)
+  end
+  
+  test "text_field with errors, without inline errors is wrapped correctly" do
+    expected = %{<div class="form-group field-with-errors"><label class="form-control-label label-error" for="user_name">Name</label><input class="form-control" type="text" name="user[name]" id="user_name" /></div>}
+    assert_equal expected, @noninline_error_builder.text_field(:name)
+  end
+  
+  test "alert_message produces the correct html" do
+    expected = %{<div class="alert alert-danger"><p>Please fix the errors below.</p></div>}
+    assert_equal expected, @builder.alert_message("Please fix the errors below.")
+  end
+  
+  test "alert_message with error_summary produces the correct html" do
+    expected = %{<div class="alert alert-danger"><p>Please fix the errors below.</p><ul class="bootstrap-form-error-summary"><li>Name can&#39;t be blank</li><li>Email must have an @</li></ul></div>}
+    assert_equal expected, @builder.alert_message("Please fix the errors below.", error_summary: true)
+  end
+  
+  test "error_summary produces the correct html" do
+    expected = %{<ul class="bootstrap-form-error-summary"><li>Name can&#39;t be blank</li><li>Email must have an @</li></ul>}
+    assert_equal expected, @builder.error_summary
+  end
+  
+end

data/test/dummy/README.rdoc

@@ -0,0 +1,28 @@
+== 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
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/dummy/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 File.expand_path('../config/application', __FILE__)
+
+Rails.application.load_tasks

data/test/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy/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, vendor/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 styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/test/dummy/app/helpers/application_helper.rb

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

data/test/dummy/app/models/user.rb

@@ -0,0 +1,4 @@
+class User < ActiveRecord::Base
+  validates :name, presence: true
+  validates :email, format: {with: /@/, message: "must have an @"}
+end

data/test/dummy/app/views/layouts/application.html.erb

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

data/test/dummy/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/test/dummy/bin/rails

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

data/test/dummy/bin/rake

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

data/test/dummy/bin/setup

@@ -0,0 +1,29 @@
+#!/usr/bin/env ruby
+require 'pathname'
+
+# path to your application root.
+APP_ROOT = Pathname.new File.expand_path('../../',  __FILE__)
+
+Dir.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 || bundle install"
+
+  # puts "\n== Copying sample files =="
+  # unless File.exist?("config/database.yml")
+  #   system "cp config/database.yml.sample config/database.yml"
+  # end
+
+  puts "\n== Preparing database =="
+  system "bin/rake db:setup"
+
+  puts "\n== Removing old logs and tempfiles =="
+  system "rm -f log/*"
+  system "rm -rf tmp/cache"
+
+  puts "\n== Restarting application server =="
+  system "touch tmp/restart.txt"
+end

data/test/dummy/config.ru

@@ -0,0 +1,4 @@
+# This file is used by Rack-based servers to start the application.
+
+require ::File.expand_path('../config/environment', __FILE__)
+run Rails.application

data/test/dummy/config/application.rb

@@ -0,0 +1,26 @@
+require File.expand_path('../boot', __FILE__)
+
+require 'rails/all'
+
+Bundler.require(*Rails.groups)
+require "bootstrap4_form_builder"
+
+module Dummy
+  class Application < Rails::Application
+    # Settings in config/environments/* take precedence over those specified here.
+    # Application configuration should go into files in config/initializers
+    # -- all .rb files in that directory are automatically loaded.
+
+    # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
+    # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
+    # config.time_zone = 'Central Time (US & Canada)'
+
+    # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
+    # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
+    # config.i18n.default_locale = :de
+
+    # Do not swallow errors in after_commit/after_rollback callbacks.
+    config.active_record.raise_in_transactional_callbacks = true
+  end
+end
+

data/test/dummy/config/boot.rb

@@ -0,0 +1,5 @@
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../../../Gemfile', __FILE__)
+
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+$LOAD_PATH.unshift File.expand_path('../../../../lib', __FILE__)

data/test/dummy/config/database.yml

@@ -0,0 +1,25 @@
+# SQLite version 3.x
+#   gem install sqlite3
+#
+#   Ensure the SQLite 3 gem is defined in your Gemfile
+#   gem 'sqlite3'
+#
+default: &default
+  adapter: sqlite3
+  pool: 5
+  timeout: 5000
+
+development:
+  <<: *default
+  database: db/development.sqlite3
+
+# Warning: The database defined as "test" will be erased and
+# re-generated from your development database when you run "rake".
+# Do not set this db to the same as development or production.
+test:
+  <<: *default
+  database: db/test.sqlite3
+
+production:
+  <<: *default
+  database: db/production.sqlite3

data/test/dummy/config/environment.rb

@@ -0,0 +1,5 @@
+# Load the Rails application.
+require File.expand_path('../application', __FILE__)
+
+# Initialize the Rails application.
+Rails.application.initialize!

data/test/dummy/config/environments/development.rb

@@ -0,0 +1,41 @@
+Rails.application.configure do
+  # Settings specified here will take precedence over those in config/application.rb.
+
+  # In the development environment your application's code is reloaded on
+  # every request. This slows down response time but is perfect for development
+  # since you don't have to restart the web server when you make code changes.
+  config.cache_classes = false
+
+  # Do not eager load code on boot.
+  config.eager_load = false
+
+  # Show full error reports and disable caching.
+  config.consider_all_requests_local       = true
+  config.action_controller.perform_caching = false
+
+  # Don't care if the mailer can't send.
+  config.action_mailer.raise_delivery_errors = false
+
+  # Print deprecation notices to the Rails logger.
+  config.active_support.deprecation = :log
+
+  # Raise an error on page load if there are pending migrations.
+  config.active_record.migration_error = :page_load
+
+  # Debug mode disables concatenation and preprocessing of assets.
+  # This option may cause significant delays in view rendering with a large
+  # number of complex assets.
+  config.assets.debug = true
+
+  # Asset digests allow you to set far-future HTTP expiration dates on all assets,
+  # yet still be able to expire them through the digest params.
+  config.assets.digest = true
+
+  # Adds additional error checking when serving assets at runtime.
+  # Checks for improperly declared sprockets dependencies.
+  # Raises helpful error messages.
+  config.assets.raise_runtime_errors = true
+
+  # Raises error for missing translations
+  # config.action_view.raise_on_missing_translations = true
+end