add textarea component

Author: Nils Henning

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

@@ -1,2 +1 @@
-%input{ html_attributes,
-  type: type }
+%input{ html_attributes }

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

@@ -0,0 +1,2 @@
+%textarea{ html_attributes }
+  = text if text

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

@@ -0,0 +1,10 @@
+module Matestack::Ui::Core::Textarea
+  class Textarea < Matestack::Ui::Core::Component::Static
+
+    html_attributes :autofocus, :cols, :dirname, :disabled, :form, :maxlength, 
+      :name, :placeholder, :readonly, :required, :rows, :wrap
+
+    optional :text
+
+  end
+end

docs/components/textarea.md

@@ -0,0 +1,24 @@
+# matestack core component: Input
+
+Show [specs](/spec/usage/components/input_spec.rb)
+
+The HTML textarea tag implemented in ruby.
+
+## Parameters
+
+This component can take all w3c specified html attributes as parameters and a text parameter. All parameters are optional.
+
+#### # text (optional)
+Expects a string specifying the content of the textarea.
+
+## Example
+
+```ruby
+textarea id: "foo", class: "bar", cols: 2, maxlength: 20, text: 'Hello World!'
+```
+
+returns
+
+```html
+<textarea type="text" id="foo" class="bar" cols="2" maxlength="20">Hello World!</textarea>
+```

lib/matestack/ui/core/components.rb

@@ -119,6 +119,7 @@ def self.require_core_component(name)
   require_core_component "tbody"
   require_core_component "td"
   require_core_component "template"
+  require_core_component "textarea"
   require_core_component "tfoot"
   require_core_component "th"
   require_core_component "thead"
@@ -235,6 +236,7 @@ def self.require_core_component(name)
   tbody: Matestack::Ui::Core::Tbody::Tbody,
   td: Matestack::Ui::Core::Td::Td,
   template: Matestack::Ui::Core::Template::Template,
+  textarea: Matestack::Ui::Core::Textarea::Textarea,
   tfoot: Matestack::Ui::Core::Tfoot::Tfoot,
   th: Matestack::Ui::Core::Th::Th,
   thead: Matestack::Ui::Core::Thead::Thead,

spec/0.8/components/textarea_spec.rb

@@ -0,0 +1,26 @@
+require_relative '../../support/utils'
+include Utils
+
+describe 'Textarea Component', type: :feature, js: true do
+
+  it 'Example 1' do
+
+    class ExamplePage < Matestack::Ui::Page
+      def response
+        textarea
+        textarea cols: 2, maxlength: 20
+        textarea text: 'Prefilled'
+      end
+    end
+
+    visit "/example"
+    static_output = page.html
+    expected_static_output = <<~HTML
+    <textarea></textarea>
+    <textarea cols="2" maxlength="20"></textarea>
+    <textarea>Prefilled</textarea>
+    HTML
+    expect(stripped(static_output)).to include(stripped(expected_static_output))
+  end
+
+end