fix quote component && spec

Author: pascalwengerter

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

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

spec/usage/components/q_spec.rb

@@ -1,33 +1,61 @@
 require_relative "../../support/utils"
 include Utils
 
-describe "Q Component", type: :feature, js: true do
+describe 'Q Component', type: :feature, js: true do
 
-  it "Example 1" do
+  it 'Example 1 - yield, no options[:text]' do
 
     class ExamplePage < Matestack::Ui::Page
 
       def response
         components {
-          #simple q
-          q text: "A simple quote"
+          # simple quote
+          q do
+            plain 'This is simple quote text'
+          end
 
-          # enhanced q
-          q id: 'my-id', class: 'my-class', cite: 'www.matestack.org/example' do
-            plain 'This is a enhanced q with text'
+          # enhanced quote
+          q id: 'my-id', class: 'my-class', cite: 'this is a cite' do
+            plain 'This is a enhanced quote with text'
           end
         }
       end
 
     end
 
-    visit "/example"
+    visit '/example'
+    static_output = page.html
+
+    expected_static_output = <<~HTML
+    <q>This is simple quote text</q>
+    <q cite="this is a cite" id="my-id" class="my-class">This is a enhanced quote with text</q>
+    HTML
+    expect(stripped(static_output)).to include(stripped(expected_static_output))
+  end
+
+  it 'Example 2 - render options[:text]' do
+
+    class ExamplePage < Matestack::Ui::Page
+
+      def response
+        components {
+          # simple quote
+          q text: 'This is simple quote text'
+
+          # enhanced quote
+          q id: 'my-id', class: 'my-class', cite: 'this is a cite', text: 'This is a enhanced quote with text'
+        }
+      end
+
+    end
+
+    visit '/example'
 
     static_output = page.html
 
     expected_static_output = <<~HTML
-    <q>A simple quote</q>
-    <q cite="www.matestack.org/example" id="my-id" class="my-class">This is a enhanced q with text</q>
+    <q>This is simple quote text</q>
+    <q cite="this is a cite" id="my-id" class="my-class">This is a enhanced quote with text</q>
     HTML
 
     expect(stripped(static_output)).to include(stripped(expected_static_output))