foundation_rails_helper 2.0.0 → 3.0.0.beta3

data/spec/foundation_rails_helper/form_builder_spec.rb

@@ -1,3 +1,4 @@
+# frozen_string_literal: true
 require "spec_helper"
 
 describe "FoundationRailsHelper::FormHelper" do
@@ -20,22 +21,24 @@ describe "FoundationRailsHelper::FormHelper" do
     end
   end
 
-  it "should display labels if auto_labels: true is set" do
+  it "should display labels if auto_labels option is true" do
     form_for(@author, auto_labels: true) do |builder|
       node = Capybara.string builder.text_field(:login)
       expect(node).to have_css('label[for="author_login"]', text: "Login")
     end
   end
 
-  it "should not display labels by if there are options without auto_labels: false" do
+  it "should display labels if no auto_labels option" do
     form_for(@author, html: { class: "myclass" }) do |builder|
       node = Capybara.string builder.text_field(:login)
       expect(node).to have_css('label[for="author_login"]', text: "Login")
     end
   end
 
-  it "should not display labels if there are options with auto_labels: false" do
-    form_for(@author, html: { class: "myclass" }, auto_labels: false) do |builder|
+  it "shouldn't display labels if auto_labels option is false" do
+    options = { html: { class: "myclass" }, auto_labels: false }
+
+    form_for(@author, options) do |builder|
       node = Capybara.string builder.text_field(:login)
       expect(node).to_not have_css('label[for="author_login"]', text: "Login")
     end
@@ -55,6 +58,16 @@ describe "FoundationRailsHelper::FormHelper" do
     end
   end
 
+  it "shouldn't display labels if :auto_labels false at configuration time" do
+    allow(FoundationRailsHelper)
+      .to receive_message_chain(:configuration, :auto_labels).and_return(false)
+
+    form_for(@author) do |builder|
+      node = Capybara.string builder.text_field(:login)
+      expect(node).not_to have_css('label[for="author_login"]', text: "Login")
+    end
+  end
+
   describe "label" do
     context "when there aren't any errors and no class option is passed" do
       it "should not have a class attribute" do
@@ -69,7 +82,9 @@ describe "FoundationRailsHelper::FormHelper" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(login: ["required"])
         node = Capybara.string builder.text_field(:login)
-        error_class = node.find("label")["class"].split(/\s+/).keep_if { |v| v == "error" }
+        error_class = node.find("label")["class"].split(/\s+/).keep_if do |v|
+          v == "is-invalid-label"
+        end
         expect(error_class.size).to eq 1
       end
     end
@@ -78,8 +93,10 @@ describe "FoundationRailsHelper::FormHelper" do
   describe "prefix" do
     context "when input field has a prefix" do
       before do
+        prefix = { small: 2, medium: 4, large: 6, value: "Prefix" }
+
         form_for(@author) do |builder|
-          @node = Capybara.string builder.text_field(:login, prefix: { small: 2, medium: 4, large: 6, value: "Prefix" })
+          @node = Capybara.string builder.text_field(:login, prefix: prefix)
         end
       end
 
@@ -88,11 +105,14 @@ describe "FoundationRailsHelper::FormHelper" do
       end
 
       it "wraps prefix in the div with the right column size" do
-        expect(@node.find(".row.collapse")).to have_css("div.small-2.medium-4.large-6.columns")
+        expect(@node.find(".row.collapse"))
+          .to have_css("div.small-2.medium-4.large-6.columns")
       end
 
       it "creates prefix span with right value" do
-        expect(@node.find(".row.collapse").find("div.small-2.medium-4.large-6.columns").find("span").text).to eq "Prefix"
+        selector = "div.small-2.medium-4.large-6.columns"
+        expect(@node.find(".row.collapse").find(selector).find("span").text)
+          .to eq("Prefix")
       end
 
       it "creates prefix span with right class" do
@@ -100,11 +120,15 @@ describe "FoundationRailsHelper::FormHelper" do
       end
 
       it "wraps input in the div with the right column size" do
-        expect(@node.find(".row.collapse")).to have_css("div.small-10.medium-8.large-6.columns")
+        expect(@node.find(".row.collapse"))
+          .to have_css("div.small-10.medium-8.large-6.columns")
       end
 
       it "has right value for the input" do
-        expect(@node.find(".row.collapse").find("div.small-10.medium-8.large-6.columns")).to have_css('input[type="text"][name="author[login]"]')
+        selector = "div.small-10.medium-8.large-6.columns"
+
+        expect(@node.find(".row.collapse").find(selector))
+          .to have_css('input[type="text"][name="author[login]"]')
       end
     end
 
@@ -121,8 +145,10 @@ describe "FoundationRailsHelper::FormHelper" do
   describe "postfix" do
     context "when input field has a postfix" do
       before do
+        postfix = { small: 2, medium: 4, large: 6, value: "Postfix" }
+
         form_for(@author) do |builder|
-          @node = Capybara.string builder.text_field(:login, postfix: { small: 2, medium: 4, large: 6, value: "Postfix" })
+          @node = Capybara.string builder.text_field(:login, postfix: postfix)
         end
       end
 
@@ -131,11 +157,15 @@ describe "FoundationRailsHelper::FormHelper" do
       end
 
       it "wraps postfix in the div with the right column size" do
-        expect(@node.find(".row.collapse")).to have_css("div.small-2.medium-4.large-6.columns")
+        expect(@node.find(".row.collapse"))
+          .to have_css("div.small-2.medium-4.large-6.columns")
       end
 
       it "creates postfix span with right value" do
-        expect(@node.find(".row.collapse").find("div.small-2.medium-4.large-6.columns").find("span").text).to eq "Postfix"
+        selector = "div.small-2.medium-4.large-6.columns"
+
+        expect(@node.find(".row.collapse").find(selector).find("span").text)
+          .to eq("Postfix")
       end
 
       it "creates postfix span with right class" do
@@ -143,44 +173,65 @@ describe "FoundationRailsHelper::FormHelper" do
       end
 
       it "wraps input in the div with the right column size" do
-        expect(@node.find(".row.collapse")).to have_css("div.small-10.medium-8.large-6.columns")
+        expect(@node.find(".row.collapse"))
+          .to have_css("div.small-10.medium-8.large-6.columns")
       end
 
       it "has right value for the input" do
-        expect(@node.find(".row.collapse").find("div.small-10.medium-8.large-6.columns")).to have_css('input[type="text"][name="author[login]"]')
+        selector = "div.small-10.medium-8.large-6.columns"
+
+        expect(@node.find(".row.collapse").find(selector))
+          .to have_css('input[type="text"][name="author[login]"]')
       end
     end
 
     context "with only one column size" do
       before do
         form_for(@author) do |builder|
-          @small_node = Capybara.string builder.text_field(:login, postfix: { small: 2, value: "Postfix" })
-          @medium_node = Capybara.string builder.text_field(:login, postfix: { medium: 2, value: "Postfix" })
-          @large_node = Capybara.string builder.text_field(:login, postfix: { large: 2, value: "Postfix" })
+          @small_node = Capybara.string(
+            builder.text_field(:login, postfix: { small: 2, value: "Postfix" })
+          )
+          @medium_node = Capybara.string(
+            builder.text_field(:login, postfix: { medium: 2, value: "Postfix" })
+          )
+          @large_node = Capybara.string(
+            builder.text_field(:login, postfix: { large: 2, value: "Postfix" })
+          )
         end
       end
 
       it "wraps postfix in the div with the right column size" do
-        expect(@small_node.find(".row.collapse")).to have_css("div.small-2.columns")
-        expect(@medium_node.find(".row.collapse")).to have_css("div.medium-2.columns")
-        expect(@large_node.find(".row.collapse")).to have_css("div.large-2.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to have_css("div.small-2.columns")
+        expect(@medium_node.find(".row.collapse"))
+          .to have_css("div.medium-2.columns")
+        expect(@large_node.find(".row.collapse"))
+          .to have_css("div.large-2.columns")
       end
 
       it "wraps input in the div with the right column size" do
-        expect(@small_node.find(".row.collapse")).to have_css("div.small-10.columns")
-        expect(@medium_node.find(".row.collapse")).to have_css("div.medium-10.columns")
-        expect(@large_node.find(".row.collapse")).to have_css("div.large-10.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to have_css("div.small-10.columns")
+        expect(@medium_node.find(".row.collapse"))
+          .to have_css("div.medium-10.columns")
+        expect(@large_node.find(".row.collapse"))
+          .to have_css("div.large-10.columns")
       end
 
       it "excludes other classes from the prefix" do
-        expect(@small_node.find(".row.collapse")).to_not have_css("div.medium-2.columns")
-        expect(@small_node.find(".row.collapse")).to_not have_css("div.large-2.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to_not have_css("div.medium-2.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to_not have_css("div.large-2.columns")
       end
 
       it "excludes other classes from the input" do
-        expect(@small_node.find(".row.collapse")).to have_css("div.small-10.columns")
-        expect(@small_node.find(".row.collapse")).to_not have_css("div.medium-12.columns")
-        expect(@small_node.find(".row.collapse")).to_not have_css("div.large-12.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to have_css("div.small-10.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to_not have_css("div.medium-12.columns")
+        expect(@small_node.find(".row.collapse"))
+          .to_not have_css("div.large-12.columns")
       end
     end
   end
@@ -188,15 +239,19 @@ describe "FoundationRailsHelper::FormHelper" do
   describe "with both prefix and postfix" do
     context "when input field has a prefix" do
       before do
+        prefix  = { small: 2, medium: 3, large: 4, value: "Prefix" }
+        postfix = { small: 2, medium: 3, large: 4, value: "Postfix" }
+
         form_for(@author) do |builder|
-          @node = Capybara.string builder.text_field(:login,
-                                                     prefix: { small: 2, medium: 3, large: 4, value: "Prefix" },
-                                                     postfix: { small: 2, medium: 3, large: 4, value: "Postfix" })
+          @node = Capybara.string(
+            builder.text_field(:login, prefix: prefix, postfix: postfix)
+          )
         end
       end
 
       it "wraps input in the div with the right column size" do
-        expect(@node.find(".row.collapse")).to have_css("div.small-8.medium-6.large-4.columns")
+        expect(@node.find(".row.collapse"))
+          .to have_css("div.small-8.medium-6.large-4.columns")
       end
     end
   end
@@ -223,15 +278,18 @@ describe "FoundationRailsHelper::FormHelper" do
     it "should generate text_field with class from options" do
       form_for(@author) do |builder|
         node = Capybara.string builder.text_field(:login, class: "righteous")
-        expect(node).to have_css('input.righteous[type="text"][name="author[login]"]')
+        expect(node)
+          .to have_css('input.righteous[type="text"][name="author[login]"]')
       end
     end
 
     it "should generate password_field input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.password_field(:password)
-        expect(node).to have_css('label[for="author_password"]', text: "Password")
-        expect(node).to have_css('input[type="password"][name="author[password]"]')
+        expect(node)
+          .to have_css('label[for="author_password"]', text: "Password")
+        expect(node)
+          .to have_css('input[type="password"][name="author[password]"]')
         expect(node.find_field("author_password").value).to be_nil
       end
     end
@@ -266,18 +324,23 @@ describe "FoundationRailsHelper::FormHelper" do
     it "should generate number_field input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.number_field(:some_number)
-        expect(node).to have_css('label[for="author_some_number"]', text: "Some number")
-        expect(node).to have_css('input[type="number"][name="author[some_number]"]')
-        expect(node.find_field("author_some_number").value).to eq @author.some_number
+        expect(node)
+          .to have_css('label[for="author_some_number"]', text: "Some number")
+        expect(node)
+          .to have_css('input[type="number"][name="author[some_number]"]')
+        expect(node.find_field("author_some_number").value)
+          .to eq @author.some_number
       end
     end
 
     it "should generate text_area input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.text_area(:description)
-        expect(node).to have_css('label[for="author_description"]', text: "Description")
+        expect(node)
+          .to have_css('label[for="author_description"]', text: "Description")
         expect(node).to have_css('textarea[name="author[description]"]')
-        expect(node.find_field("author_description").value.strip).to eq @author.description
+        expect(node.find_field("author_description").value.strip)
+          .to eq @author.description
       end
     end
 
@@ -291,32 +354,63 @@ describe "FoundationRailsHelper::FormHelper" do
     end
 
     it "should generate select input" do
+      choices = [["Choice #1", :a], ["Choice #2", :b]]
+
       form_for(@author) do |builder|
-        node = Capybara.string builder.select(:description, [["Choice #1", :a], ["Choice #2", :b]])
-        expect(node).to have_css('label[for="author_description"]', text: "Description")
+        node = Capybara.string builder.select(:description, choices)
+        expect(node)
+          .to have_css('label[for="author_description"]', text: "Description")
         expect(node).to have_css('select[name="author[description]"]')
-        expect(node).to have_css('select[name="author[description]"] option[value="a"]', text: "Choice #1")
-        expect(node).to have_css('select[name="author[description]"] option[value="b"]', text: "Choice #2")
+        expect(node)
+          .to have_css('select[name="author[description]"] option[value="a"]',
+                       text: "Choice #1")
+        expect(node)
+          .to have_css('select[name="author[description]"] option[value="b"]',
+                       text: "Choice #2")
       end
     end
 
     it "should generate check_box input" do
+      label = 'label[for="author_active"]'
+      name = '[name="author[active]"]'
+
       form_for(@author) do |builder|
         node = Capybara.string builder.check_box(:active)
-        expect(node).to have_css('label[for="author_active"] input[type="hidden"][name="author[active]"][value="0"]', visible: false)
-        expect(node).to have_css('label[for="author_active"] input[type="checkbox"][name="author[active]"]')
-        expect(node).to have_css('label[for="author_active"]', text: "Active")
+        expect(node).to have_css(
+          "#{label} input[type=\"hidden\"]#{name}[value=\"0\"]",
+          visible: false
+        )
+        expect(node)
+          .to have_css("#{label} input[type=\"checkbox\"]#{name}")
+        expect(node).to have_css(label, text: "Active")
       end
     end
+
     it "should generate check_box input without a label" do
       form_for(@author) do |builder|
         node = Capybara.string builder.check_box(:active, label: false)
-        expect(node).to have_css('input[type="hidden"][name="author[active]"][value="0"]', visible: false)
-        expect(node).to have_css('input[type="checkbox"][name="author[active]"]')
+        expect(node)
+          .to have_css('input[type="hidden"][name="author[active]"][value="0"]',
+                       visible: false)
+        expect(node)
+          .to have_css('input[type="checkbox"][name="author[active]"]')
         expect(node).to_not have_css('label[for="author_active"]')
       end
     end
 
+    it "should generate check_box input with a label with HTML content" do
+      label_text = "Accepts terms and conditions"
+
+      form_for(@author) do |builder|
+        node = Capybara.string(
+          builder.check_box(:active, label: "<a href='/'>#{label_text}</a>")
+        )
+
+        expect(node)
+          .to have_css('label[for="author_active"] a', text: label_text)
+      end
+    end
+
     it "should generate radio_button input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.radio_button(:active, "ok")
@@ -324,13 +418,19 @@ describe "FoundationRailsHelper::FormHelper" do
         expect(node).to have_css('input[type="radio"][name="author[active]"]')
       end
     end
+
     it "should generate radio_button input with a label" do
       form_for(@author) do |builder|
-        node = Capybara.string builder.radio_button(:active, true, label: "Functioning")
-        expect(node).to have_css('label[for="author_active_true"]', text: "Functioning")
-        expect(node).to have_css('input[type="radio"][name="author[active]"]')
+        node = Capybara.string(
+          builder.radio_button(:active, true, label: "Functioning")
+        )
+        expect(node)
+          .to have_css('label[for="author_active_true"]', text: "Functioning")
+        expect(node)
+          .to have_css('input[type="radio"][name="author[active]"]')
       end
     end
+
     it "should generate radio_button without a label" do
       form_for(@author) do |builder|
         node = Capybara.string builder.radio_button(:active, "ok", label: false)
@@ -339,88 +439,152 @@ describe "FoundationRailsHelper::FormHelper" do
         expect(node).to have_css('input[type="radio"][name="author[active]"]')
       end
     end
+
     it "should generate radio_button with label options" do
       form_for(@author) do |builder|
-        node = Capybara.string builder.radio_button(:active, "ok", class: "very", label_options: { class: "special" })
+        node = Capybara.string(
+          builder.radio_button(
+            :active,
+            "ok",
+            class: "very",
+            label_options: { class: "special" }
+          )
+        )
+
         expect(node).to have_css('label.special[for="author_active_ok"]')
-        expect(node).to have_css('input.very[type="radio"][name="author[active]"]')
+        expect(node)
+          .to have_css('input.very[type="radio"][name="author[active]"]')
       end
     end
 
     it "should generate date_select input" do
+      select = "select#author_birthdate_"
+      option = 'option[selected="selected"]'
+
       form_for(@author) do |builder|
-        node = Capybara.string builder.label(:birthdate) + builder.date_select(:birthdate)
-        expect(node).to have_css('label[for="author_birthdate"]', text: "Birthdate")
-        %w(1 2 3).each { |i| expect(node).to have_css("select[name='author[birthdate(#{i}i)]']") }
-        expect(node).to have_css('select#author_birthdate_1i option[selected="selected"][value="1969"]')
-        expect(node).to have_css('select#author_birthdate_2i option[selected="selected"][value="6"]')
-        expect(node).to have_css('select#author_birthdate_3i option[selected="selected"][value="18"]')
-        %w(4 5).each { |i| expect(node).to_not have_css("select[name='author[birthdate(#{i}i)]']") }
+        node = Capybara.string(
+          builder.label(:birthdate) + builder.date_select(:birthdate)
+        )
+        expect(node)
+          .to have_css('label[for="author_birthdate"]', text: "Birthdate")
+        %w(1 2 3).each do |i|
+          expect(node).to have_css("select[name='author[birthdate(#{i}i)]']")
+        end
+        expect(node)
+          .to have_css("#{select}1i #{option}[value=\"1969\"]")
+        expect(node)
+          .to have_css("#{select}2i #{option}[value=\"6\"]")
+        expect(node)
+          .to have_css("#{select}3i #{option}[value=\"18\"]")
+        %w(4 5).each do |i|
+          expect(node)
+            .to_not have_css("select[name='author[birthdate(#{i}i)]']")
+        end
       end
     end
 
     it "should generate date_select input with  :discard_year => true" do
-      form_for(@author) do |builder|
-        node = Capybara.string builder.label(:birthdate) + builder.date_select(:birthdate, discard_year: true)
-        expect(node).to have_css('label[for="author_birthdate"]', text: "Birthdate")
-        %w(2 3).each { |i| expect(node).to have_css("select[name='author[birthdate(#{i}i)]']") }
-        expect(node).to_not have_css('select#author_birthdate_1i option[selected="selected"][value="1969"]')
-        expect(node).to have_css('select#author_birthdate_2i option[selected="selected"][value="6"]')
-        expect(node).to have_css('select#author_birthdate_3i option[selected="selected"][value="18"]')
-        %w(1 4 5).each { |i| expect(node).to_not have_css("select[name='author[birthdate(#{i}i)]']") }
+      select = "select#author_birthdate_"
+      option = 'option[selected="selected"]'
+
+      form_for(@author) do |builder|
+        node = Capybara.string(
+          builder.label(:birthdate) +
+          builder.date_select(:birthdate, discard_year: true)
+        )
+        expect(node)
+          .to have_css('label[for="author_birthdate"]', text: "Birthdate")
+        %w(2 3).each do |i|
+          expect(node).to have_css("select[name='author[birthdate(#{i}i)]']")
+        end
+        expect(node).to_not have_css("#{select}1i #{option}[value=\"1969\"]")
+        expect(node).to have_css("#{select}2i #{option}[value=\"6\"]")
+        expect(node).to have_css("#{select}3i #{option}[value=\"18\"]")
+        %w(1 4 5).each do |i|
+          expect(node)
+            .to_not have_css("select[name='author[birthdate(#{i}i)]']")
+        end
       end
     end
 
     it "should generate datetime_select input" do
-      form_for(@author) do |builder|
-        node = Capybara.string builder.label(:birthdate) + builder.datetime_select(:birthdate)
-        expect(node).to have_css('label[for="author_birthdate"]', text: "Birthdate")
-        %w(1 2 3 4 5).each { |i| expect(node).to have_css("select[name='author[birthdate(#{i}i)]']") }
-        expect(node).to have_css('select#author_birthdate_1i option[selected="selected"][value="1969"]')
-        expect(node).to have_css('select#author_birthdate_2i option[selected="selected"][value="6"]')
-        expect(node).to have_css('select#author_birthdate_3i option[selected="selected"][value="18"]')
-        expect(node).to have_css('select#author_birthdate_4i option[selected="selected"][value="20"]')
-        expect(node).to have_css('select#author_birthdate_5i option[selected="selected"][value="30"]')
+      select = "select#author_birthdate_"
+      option = 'option[selected="selected"]'
+
+      form_for(@author) do |builder|
+        node = Capybara.string(
+          builder.label(:birthdate) +
+          builder.datetime_select(:birthdate)
+        )
+        expect(node)
+          .to have_css('label[for="author_birthdate"]', text: "Birthdate")
+        %w(1 2 3 4 5).each do |i|
+          expect(node).to have_css("select[name='author[birthdate(#{i}i)]']")
+        end
+        expect(node).to have_css("#{select}1i #{option}[value=\"1969\"]")
+        expect(node).to have_css("#{select}2i #{option}[value=\"6\"]")
+        expect(node).to have_css("#{select}3i #{option}[value=\"18\"]")
+        expect(node).to have_css("#{select}4i #{option}[value=\"20\"]")
+        expect(node).to have_css("#{select}5i #{option}[value=\"30\"]")
       end
     end
 
     it "should generate datetime_select input with  :discard_year => true" do
-      form_for(@author) do |builder|
-        node = Capybara.string builder.label(:birthdate) + builder.datetime_select(:birthdate, discard_year: true)
-        expect(node).to have_css('label[for="author_birthdate"]', text: "Birthdate")
-        %w(2 3 4 5).each { |i| expect(node).to have_css("select[name='author[birthdate(#{i}i)]']") }
-        expect(node).to_not have_css('select#author_birthdate_1i option[selected="selected"][value="1969"]')
-        expect(node).to have_css('select#author_birthdate_2i option[selected="selected"][value="6"]')
-        expect(node).to have_css('select#author_birthdate_3i option[selected="selected"][value="18"]')
-        expect(node).to have_css('select#author_birthdate_4i option[selected="selected"][value="20"]')
-        expect(node).to have_css('select#author_birthdate_5i option[selected="selected"][value="30"]')
-        %w(1).each { |i| expect(node).to_not have_css("select[name='author[birthdate(#{i}i)]']") }
+      select = "select#author_birthdate_"
+      option = 'option[selected="selected"]'
+
+      form_for(@author) do |builder|
+        node = Capybara.string(
+          builder.label(:birthdate) +
+          builder.datetime_select(:birthdate, discard_year: true)
+        )
+        expect(node)
+          .to have_css('label[for="author_birthdate"]', text: "Birthdate")
+        %w(2 3 4 5).each do |i|
+          expect(node).to have_css("select[name='author[birthdate(#{i}i)]']")
+        end
+        expect(node).to_not have_css("#{select}1i #{option}[value=\"1969\"]")
+        expect(node).to have_css("#{select}2i #{option}[value=\"6\"]")
+        expect(node).to have_css("#{select}3i #{option}[value=\"18\"]")
+        expect(node).to have_css("#{select}4i #{option}[value=\"20\"]")
+        expect(node).to have_css("#{select}5i #{option}[value=\"30\"]")
+        expect(node).to_not have_css("select[name='author[birthdate(#1i)]']")
       end
     end
 
     it "should generate time_zone_select input" do
       form_for(@author) do |builder|
-        node = Capybara.string builder.label(:time_zone) + builder.time_zone_select(:time_zone)
-        expect(node).to have_css('label[for="author_time_zone"]', text: "Time zone")
+        node = Capybara.string(
+          builder.label(:time_zone) + builder.time_zone_select(:time_zone)
+        )
+        expect(node)
+          .to have_css('label[for="author_time_zone"]', text: "Time zone")
         expect(node).to have_css('select[name="author[time_zone]"]')
-        expect(node).to have_css('select[name="author[time_zone]"] option[value="Perth"]', text: "(GMT+08:00) Perth")
+        expect(node)
+          .to have_css('select[name="author[time_zone]"] option[value="Perth"]',
+                       text: "(GMT+08:00) Perth")
       end
     end
 
     it "should generate date_field input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.date_field(:publish_date)
-        expect(node).to have_css('label[for="author_publish_date"]', text: "date")
-        expect(node).to have_css('input[type="date"][name="author[publish_date]"]')
-        expect(node.find_field("author_publish_date").value).to eq @author.publish_date.to_s
+        expect(node)
+          .to have_css('label[for="author_publish_date"]', text: "date")
+        expect(node)
+          .to have_css('input[type="date"][name="author[publish_date]"]')
+        expect(node.find_field("author_publish_date").value)
+          .to eq @author.publish_date.to_s
       end
     end
 
     it "should generate datetime_field input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.datetime_field(:forty_two)
-        expect(node).to have_css('label[for="author_forty_two"]', text: "Forty two")
-        expect(node).to have_css('input[type^="datetime"][name="author[forty_two]"]')
+        expect(node)
+          .to have_css('label[for="author_forty_two"]', text: "Forty two")
+        expect(node)
+          .to have_css('input[type^="datetime"][name="author[forty_two]"]')
         value = DateTime.parse(node.find_field("author_forty_two").value)
         expect(value).to eq @author.forty_two.to_s
       end
@@ -429,99 +593,145 @@ describe "FoundationRailsHelper::FormHelper" do
     it "should generate datetime_local_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.datetime_local_field(:forty_two)
-        expect(node).to have_css('label[for="author_forty_two"]', text: "Forty two")
-        expect(node).to have_css('input[type="datetime-local"][name="author[forty_two]"]')
-        expect(node.find_field("author_forty_two").value).to eq @author.forty_two.strftime("%Y-%m-%dT%H:%M:%S")
+        expect(node)
+          .to have_css('label[for="author_forty_two"]', text: "Forty two")
+        expect(node)
+          .to have_css('input[type="datetime-local"][name="author[forty_two]"]')
+        expect(node.find_field("author_forty_two").value)
+          .to eq @author.forty_two.strftime("%Y-%m-%dT%H:%M:%S")
       end
     end
 
     it "should generate month_field input" do
       form_for(@author) do |builder|
         node = Capybara.string builder.month_field(:forty_two)
-        expect(node).to have_css('label[for="author_forty_two"]', text: "Forty two")
-        expect(node).to have_css('input[type="month"][name="author[forty_two]"]')
-        expect(node.find_field("author_forty_two").value).to eq @author.forty_two.strftime("%Y-%m")
+        expect(node)
+          .to have_css('label[for="author_forty_two"]', text: "Forty two")
+        expect(node)
+          .to have_css('input[type="month"][name="author[forty_two]"]')
+        expect(node.find_field("author_forty_two").value)
+          .to eq @author.forty_two.strftime("%Y-%m")
       end
     end
 
     it "should generate week_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.week_field(:forty_two)
-        expect(node).to have_css('label[for="author_forty_two"]', text: "Forty two")
-        expect(node).to have_css('input[type="week"][name="author[forty_two]"]')
-        expect(node.find_field("author_forty_two").value).to eq @author.forty_two.strftime("%Y-W%V")
+        expect(node)
+          .to have_css('label[for="author_forty_two"]', text: "Forty two")
+        expect(node)
+          .to have_css('input[type="week"][name="author[forty_two]"]')
+        expect(node.find_field("author_forty_two").value)
+          .to eq @author.forty_two.strftime("%Y-W%V")
       end
     end
 
     it "should generate time_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.time_field(:forty_two)
-        expect(node).to have_css('label[for="author_forty_two"]', text: "Forty two")
-        expect(node).to have_css('input[type="time"][name="author[forty_two]"]')
-        expect(node.find_field("author_forty_two").value).to eq @author.forty_two.strftime("%H:%M:%S.%L")
+        expect(node)
+          .to have_css('label[for="author_forty_two"]', text: "Forty two")
+        expect(node)
+          .to have_css('input[type="time"][name="author[forty_two]"]')
+        expect(node.find_field("author_forty_two").value)
+          .to eq @author.forty_two.strftime("%H:%M:%S.%L")
       end
     end
 
     it "should generate range_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.range_field(:some_number)
-        expect(node).to have_css('label[for="author_some_number"]', text: "Some number")
-        expect(node).to have_css('input[type="range"][name="author[some_number]"]')
-        expect(node.find_field("author_some_number").value).to eq @author.some_number
+        expect(node)
+          .to have_css('label[for="author_some_number"]', text: "Some number")
+        expect(node)
+          .to have_css('input[type="range"][name="author[some_number]"]')
+        expect(node.find_field("author_some_number").value)
+          .to eq @author.some_number
       end
     end
 
     it "should generate search_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.search_field(:description)
-        expect(node).to have_css('label[for="author_description"]', text: "Description")
-        expect(node).to have_css('input[type="search"][name="author[description]"]')
-        expect(node.find_field("author_description").value).to eq @author.description
+        expect(node)
+          .to have_css('label[for="author_description"]', text: "Description")
+        expect(node)
+          .to have_css('input[type="search"][name="author[description]"]')
+        expect(node.find_field("author_description").value)
+          .to eq @author.description
       end
     end
 
     it "should generate color_field" do
       form_for(@author) do |builder|
         node = Capybara.string builder.color_field(:favorite_color)
-        expect(node).to have_css('label[for="author_favorite_color"]', text: "Favorite color")
-        expect(node).to have_css('input[type="color"][name="author[favorite_color]"]')
-        expect(node.find_field("author_favorite_color").value).to eq @author.favorite_color
+        expect(node).to have_css(
+          'label[for="author_favorite_color"]', text: "Favorite color"
+        )
+        expect(node)
+          .to have_css('input[type="color"][name="author[favorite_color]"]')
+        expect(node.find_field("author_favorite_color").value)
+          .to eq @author.favorite_color
       end
     end
 
     it "should generate collection_select input" do
+      selector = 'select[name="author[favorite_book]"] option'
+
       form_for(@author) do |builder|
-        node = Capybara.string builder.collection_select(:favorite_book, Book.all, :id, :title)
-        expect(node).to have_css('label[for="author_favorite_book"]', text: "Favorite book")
+        node = Capybara.string(
+          builder.collection_select(:favorite_book, Book.all, :id, :title)
+        )
+        expect(node).to have_css(
+          'label[for="author_favorite_book"]',
+          text: "Favorite book"
+        )
         expect(node).to have_css('select[name="author[favorite_book]"]')
-        expect(node).to have_css('select[name="author[favorite_book]"] option[value="78"]', text: "Gulliver's Travels")
-        expect(node).to have_css('select[name="author[favorite_book]"] option[value="133"]', text: "Treasure Island")
+        expect(node)
+          .to have_css("#{selector}[value=\"78\"]", text: "Gulliver's Travels")
+        expect(node)
+          .to have_css("#{selector}[value=\"133\"]", text: "Treasure Island")
       end
     end
 
     it "should generate grouped_collection_select input" do
+      selector = 'select[name="author[favorite_book]"] optgroup'
+
       form_for(@author) do |builder|
-        node = Capybara.string builder.grouped_collection_select(:favorite_book, Genre.all, :books, :name, :id, :title)
-        expect(node).to have_css('label[for="author_favorite_book"]', text: "Favorite book")
+        node = Capybara.string(
+          builder.grouped_collection_select(:favorite_book, Genre.all,
+                                            :books, :name, :id, :title)
+        )
+        expect(node).to have_css(
+          'label[for="author_favorite_book"]', text: "Favorite book"
+        )
         expect(node).to have_css('select[name="author[favorite_book]"]')
-        expect(node).to have_css('select[name="author[favorite_book]"] optgroup[label="Exploration"] option[value="78"]', text: "Gulliver's Travels")
-        expect(node).to have_css('select[name="author[favorite_book]"] optgroup[label="Pirate Exploits"] option[value="133"]', text: "Treasure Island")
+        expect(node).to have_css(
+          "#{selector}[label=\"Exploration\"] option[value=\"78\"]",
+          text: "Gulliver's Travels"
+        )
+        expect(node).to have_css(
+          "#{selector}[label=\"Pirate Exploits\"] option[value=\"133\"]",
+          text: "Treasure Island"
+        )
       end
     end
 
-    describe "hint" do
-      it "should add a span element" do
+    describe "help_text" do
+      it "should add a p element" do
         form_for(@author) do |builder|
-          hint = "Enter login"
-          node = Capybara.string builder.text_field(:login, hint: hint)
-          expect(node.find("span").text).to eq hint
+          help_text = "Enter login"
+          node =
+            Capybara.string builder.text_field(:login, help_text: help_text)
+          expect(node.find("p").text).to eq help_text
         end
       end
 
-      it "should not add hint attribute" do
+      it "should not add help_text attribute" do
         form_for(@author) do |builder|
-          node = Capybara.string builder.text_field(:login, hint: "Enter login")
-          expect(node.find_field("author_login")["hint"]).to be_nil
+          node =
+            Capybara.string builder.text_field(:login, help_text: "Enter login")
+          expect(node.find_field("author_login")["help_text"]).to be_nil
         end
       end
     end
@@ -540,115 +750,172 @@ describe "FoundationRailsHelper::FormHelper" do
     it "should not display errors" do
       form_for(@author) do |builder|
         node = Capybara.string builder.text_field(:login)
-        expect(node).to_not have_css("small.error")
+        expect(node).to_not have_css("small.form-error")
       end
     end
+
     it "should display errors" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(login: ["required"])
         node = Capybara.string builder.text_field(:login)
-        expect(node).to have_css("small.error", text: "required")
+        expect(node).to have_css("small.form-error", text: "required")
       end
     end
+
     %w(file_field email_field text_field telephone_field phone_field
        url_field number_field date_field datetime_field datetime_local_field
        month_field week_field time_field range_field search_field color_field
-
        password_field).each do |field|
       it "should display errors on #{field} inputs" do
         form_for(@author) do |builder|
-          allow(@author).to receive(:errors).and_return(description: ["required"])
+          allow(@author)
+            .to receive(:errors).and_return(description: ["required"])
           node = Capybara.string builder.public_send(field, :description)
-          expect(node).to have_css('label.error[for="author_description"]')
-          expect(node).to have_css('input.error[name="author[description]"]')
+          expect(node)
+            .to have_css('label.is-invalid-label[for="author_description"]')
+          expect(node)
+            .to have_css('input.is-invalid-input[name="author[description]"]')
         end
       end
     end
+
     it "should display errors on text_area inputs" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(description: ["required"])
         node = Capybara.string builder.text_area(:description)
-        expect(node).to have_css('label.error[for="author_description"]')
-        expect(node).to have_css('textarea.error[name="author[description]"]')
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_description"]')
+        expect(node)
+          .to have_css('textarea.is-invalid-input[name="author[description]"]')
       end
     end
+
     it "should display errors on select inputs" do
       form_for(@author) do |builder|
-        allow(@author).to receive(:errors).and_return(favorite_book: ["required"])
-        node = Capybara.string builder.select(:favorite_book, [["Choice #1", :a], ["Choice #2", :b]])
-        expect(node).to have_css('label.error[for="author_favorite_book"]')
-        expect(node).to have_css('select.error[name="author[favorite_book]"]')
+        allow(@author)
+          .to receive(:errors).and_return(favorite_book: ["required"])
+        node = Capybara.string(
+          builder.select(:favorite_book, [["Choice #1", :a], ["Choice #2", :b]])
+        )
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_favorite_book"]')
+        expect(node)
+          .to have_css('select.is-invalid-input[name="author[favorite_book]"]')
       end
     end
+
     it "should display errors on date_select inputs" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(birthdate: ["required"])
         node = Capybara.string builder.date_select(:birthdate)
-        expect(node).to have_css('label.error[for="author_birthdate"]')
-        %w(1 2 3).each { |i| expect(node).to have_css("select.error[name='author[birthdate(#{i}i)]']") }
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_birthdate"]')
+        %w(1 2 3).each do |i|
+          expect(node).to have_css(
+            "select.is-invalid-input[name='author[birthdate(#{i}i)]']"
+          )
+        end
       end
     end
+
     it "should display errors on datetime_select inputs" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(birthdate: ["required"])
         node = Capybara.string builder.datetime_select(:birthdate)
-        expect(node).to have_css('label.error[for="author_birthdate"]')
-        %w(1 2 3 4 5).each { |i| expect(node).to have_css("select.error[name='author[birthdate(#{i}i)]']") }
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_birthdate"]')
+        %w(1 2 3 4 5).each do |i|
+          expect(node).to have_css(
+            "select.is-invalid-input[name='author[birthdate(#{i}i)]']"
+          )
+        end
       end
     end
+
     it "should display errors on time_zone_select inputs" do
       form_for(@author) do |builder|
         allow(@author).to receive(:errors).and_return(time_zone: ["required"])
         node = Capybara.string builder.time_zone_select(:time_zone)
-        expect(node).to have_css('label.error[for="author_time_zone"]')
-        expect(node).to have_css('select.error[name="author[time_zone]"]')
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_time_zone"]')
+        expect(node)
+          .to have_css('select.is-invalid-input[name="author[time_zone]"]')
       end
     end
 
     it "should display errors on collection_select inputs" do
       form_for(@author) do |builder|
-        allow(@author).to receive(:errors).and_return(favorite_book: ["required"])
-        node = Capybara.string builder.collection_select(:favorite_book, Book.all, :id, :title)
-        expect(node).to have_css('label.error[for="author_favorite_book"]')
-        expect(node).to have_css('select.error[name="author[favorite_book]"]')
+        allow(@author)
+          .to receive(:errors).and_return(favorite_book: ["required"])
+        node = Capybara.string(
+          builder.collection_select(:favorite_book, Book.all, :id, :title)
+        )
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_favorite_book"]')
+        expect(node)
+          .to have_css('select.is-invalid-input[name="author[favorite_book]"]')
       end
     end
 
     it "should display errors on grouped_collection_select inputs" do
       form_for(@author) do |builder|
-        allow(@author).to receive(:errors).and_return(favorite_book: ["required"])
-        node = Capybara.string builder.grouped_collection_select(:favorite_book, Genre.all, :books, :name, :id, :title)
-        expect(node).to have_css('label.error[for="author_favorite_book"]')
-        expect(node).to have_css('select.error[name="author[favorite_book]"]')
-      end
-    end
-
-    # N.B. check_box and radio_button inputs don't have the error class applied
-
+        allow(@author)
+          .to receive(:errors).and_return(favorite_book: ["required"])
+        node = Capybara.string(
+          builder.grouped_collection_select(
+            :favorite_book,
+            Genre.all,
+            :books,
+            :name,
+            :id,
+            :title
+          )
+        )
+        expect(node)
+          .to have_css('label.is-invalid-label[for="author_favorite_book"]')
+        expect(node)
+          .to have_css('select.is-invalid-input[name="author[favorite_book]"]')
+      end
+    end
+
+    # N.B. check_box and radio_button inputs don't have the is-invalid-input
+    # class applied
     it "should display HTML errors when the option is specified" do
+      login = ['required <a href="link_target">link</a>']
+
       form_for(@author) do |builder|
-        allow(@author).to receive(:errors).and_return(login: ['required <a href="link_target">link</a>'])
-        node = Capybara.string builder.text_field(:login, html_safe_errors: true)
+        allow(@author).to receive(:errors).and_return(login: login)
+        node = Capybara.string(
+          builder.text_field(:login, html_safe_errors: true)
+        )
         expect(node).to have_link("link", href: "link_target")
       end
     end
+
     it "should not display HTML errors when the option is not specified" do
+      login = ['required <a href="link_target">link</a>']
+
       form_for(@author) do |builder|
-        allow(@author).to receive(:errors).and_return(login: ['required <a href="link_target">link</a>'])
+        allow(@author).to receive(:errors).and_return(login: login)
         node = Capybara.string builder.text_field(:login)
         expect(node).to_not have_link("link", href: "link")
       end
     end
 
     it "should not display labels unless specified in the builder method" do
+      label = "Tell me about you"
+
       form_for(@author, auto_labels: false) do |builder|
-        node = Capybara.string builder.text_field(:login) +
-                               builder.check_box(:active, label: true) +
-                               builder.text_field(:description, label: "Tell me about you")
+        node = Capybara.string(
+          builder.text_field(:login) +
+          builder.check_box(:active, label: true) +
+          builder.text_field(:description, label: label)
+        )
 
         expect(node).to_not have_css('label[for="author_login"]')
         expect(node).to have_css('label[for="author_active"]', text: "Active")
-        expect(node).to have_css('label[for="author_description"]', text: "Tell me about you")
+        expect(node)
+          .to have_css('label[for="author_description"]', text: label)
       end
     end
 
@@ -657,7 +924,9 @@ describe "FoundationRailsHelper::FormHelper" do
         form_for(@author) do |builder|
           allow(@author).to receive(:errors).and_return(email: ["required"])
           node = Capybara.string builder.text_field(:email, class: "righteous")
-          expect(node).to have_css('input.righteous.error[name="author[email]"]')
+          expect(node).to have_css(
+            'input.righteous.is-invalid-input[name="author[email]"]'
+          )
         end
       end
     end
@@ -667,7 +936,9 @@ describe "FoundationRailsHelper::FormHelper" do
         form_for(@author) do |builder|
           allow(@author).to receive(:errors).and_return(email: ["required"])
           node = Capybara.string builder.text_field(:email, class: :illgotten)
-          expect(node).to have_css('input.illgotten.error[name="author[email]"]')
+          expect(node).to have_css(
+            'input.illgotten.is-invalid-input[name="author[email]"]'
+          )
         end
       end
     end
@@ -682,7 +953,8 @@ describe "FoundationRailsHelper::FormHelper" do
       it "should display form button with default class" do
         form_for(@author) do |builder|
           node = Capybara.string builder.submit("Save")
-          expect(node).to have_css('input[type="submit"][class="small radius success button"]')
+          expect(node)
+            .to have_css('input[type="submit"][class="success button"]')
         end
       end
     end
@@ -702,7 +974,7 @@ describe "FoundationRailsHelper::FormHelper" do
       end
     end
 
-    context "when option value is 'superduper'" do
+    context 'when option value is "superduper"' do
       it "should display form button with 'superduper' class" do
         form_for(@author) do |builder|
           node = Capybara.string builder.submit("Save", class: "superduper")