Merge branch 'develop' into develop

Author: pascalwengerter

app/concepts/matestack/ui/core/legend/legend.haml

@@ -0,0 +1,5 @@
+%legend{@tag_attributes}
+  - if options[:text].nil? && block_given?
+    = yield
+  - else
+    = options[:text]

app/concepts/matestack/ui/core/legend/legend.rb

@@ -0,0 +1,5 @@
+module Matestack::Ui::Core::Legend
+  class Legend < Matestack::Ui::Core::Component::Static
+
+  end
+end

docs/components/README.md

@@ -36,6 +36,7 @@ You can build your [own components](/docs/extend/custom_components.md) as well,
 - [ruby](/docs/components/ruby.md)
 - [rt](/docs/components/rb.md)
 - [rp](/docs/components/rt.md)
+- [legend](/docs/components/legend.md)
 - [noscript](/docs/components/noscript.md)
 
 ## Dynamic Core Components

docs/components/legend.md

@@ -0,0 +1,44 @@
+# matestack core component: Legend
+
+Show [specs](/spec/usage/components/legend_spec.rb)
+
+The HTML legend tag implemented in ruby.
+
+## Parameters
+
+This component can take 2 optional configuration params and optional content.
+
+#### # id (optional)
+Expects a string with all ids the legend should have.
+
+#### # class (optional)
+Expects a string with all classes the legend should have.
+
+## Example 1: Yield a given block
+
+```ruby
+legend id: "foo", class: "bar" do
+  plain 'Hello World' # optional content
+end
+```
+
+returns
+
+```html
+<legend id="foo" class="bar">
+  Hello World
+</legend>
+```
+
+## Example 2: Render options[:text] param
+
+```ruby
+legend id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<legend id="foo" class="bar">
+  Hello World
+</legend>

spec/usage/components/legend_spec.rb

@@ -0,0 +1,35 @@
+require_relative '../../support/utils'
+include Utils
+
+describe 'Legend Component', type: :feature, js: true do
+
+  it 'Example 1' do
+
+    class ExamplePage < Matestack::Ui::Page
+
+      def response
+        components {
+          legend text: 'I am simple'
+
+          # enhanced legend
+          legend id: 'my-id', class: 'my-class' do
+            plain 'I am enhanced'
+          end
+        }
+      end
+
+    end
+
+    visit '/example'
+
+    static_output = page.html
+
+    expected_static_output = <<~HTML
+      <legend>I am simple</legend>
+      <legend id="my-id" class="my-class">I am enhanced</legend>
+    HTML
+
+    expect(stripped(static_output)).to include(stripped(expected_static_output))
+  end
+
+end