Fix typo add and tests

Author: stiwwelll

docs/components/rp.md

@@ -9,12 +9,12 @@ The HTML rp tag implemented in ruby.
 This component can take 2 optional configuration params and optional content.
 
 #### # id (optional)
-Expects a string with all ids the main should have.
+Expects a string with all ids the rp should have.
 
 #### # class (optional)
-Expects a string with all classes the main should have.
+Expects a string with all classes the rp should have.
 
-## Example
+## Example 1: Yield a given block
 
 ```ruby
 rp id: "foo", class: "bar" do
@@ -29,3 +29,16 @@ returns
   Hello World
 </rp>
 ```
+
+## Example 2: Render options[:text] param
+
+```ruby
+rp id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<rp id="foo" class="bar">
+  Hello World
+</rp>

docs/components/rt.md

@@ -9,12 +9,12 @@ The HTML rt tag implemented in ruby.
 This component can take 2 optional configuration params and optional content.
 
 #### # id (optional)
-Expects a string with all ids the main should have.
+Expects a string with all ids the rt should have.
 
 #### # class (optional)
-Expects a string with all classes the main should have.
+Expects a string with all classes the rt should have.
 
-## Example
+## Example 1: Yield a given block
 
 ```ruby
 rt id: "foo", class: "bar" do
@@ -29,3 +29,16 @@ returns
   Hello World
 </rt>
 ```
+
+## Example 2: Render options[:text] param
+
+```ruby
+rt id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<rt id="foo" class="bar">
+  Hello World
+</rt>

docs/components/ruby.md

@@ -9,12 +9,12 @@ The HTML ruby tag implemented in ruby.
 This component can take 2 optional configuration params and optional content.
 
 #### # id (optional)
-Expects a string with all ids the main should have.
+Expects a string with all ids the ruby should have.
 
 #### # class (optional)
-Expects a string with all classes the main should have.
+Expects a string with all classes the ruby should have.
 
-## Example
+## Example 1: : Yield a given block
 
 ```ruby
 ruby id: "foo", class: "bar" do
@@ -29,3 +29,16 @@ returns
   Hello World
 </ruby>
 ```
+
+## Example 2: Render options[:text] param
+
+```ruby
+ruby id: "foo", class: "bar", text: 'Hello World'
+```
+
+returns
+
+```html
+<ruby id="foo" class="bar">
+  Hello World
+</ruby>

spec/usage/components/rp_spec.rb

@@ -9,8 +9,12 @@ class ExamplePage < Matestack::Ui::Page
 
       def response
         components {
+          # simple rp
+          rp text: 'I am simple'
+
+          # enhanced rp
           rp id: 'my-id', class: 'my-class' do
-            plain 'Hello World' #optional content
+            plain 'I am enhanced'
           end
         }
       end
@@ -22,9 +26,8 @@ def response
     static_output = page.html
 
     expected_static_output = <<~HTML
-    <rp id="my-id" class="my-class">
-      Hello World
-    </rp>
+      <rp>I am simple</rp>
+      <rp id="my-id" class="my-class">I am enhanced</rp>
     HTML
 
     expect(stripped(static_output)).to include(stripped(expected_static_output))

spec/usage/components/rt_spec.rb

@@ -9,8 +9,12 @@ class ExamplePage < Matestack::Ui::Page
 
       def response
         components {
+          # simple rt
+          rt text: 'I am simple'
+
+          # enhanced rt
           rt id: 'my-id', class: 'my-class' do
-            plain 'Hello World' #optional content
+            plain 'I am enhanced'
           end
         }
       end
@@ -22,9 +26,8 @@ def response
     static_output = page.html
 
     expected_static_output = <<~HTML
-    <rt id="my-id" class="my-class">
-      Hello World
-    </rt>
+      <rt>I am simple</rt>
+      <rt id="my-id" class="my-class">I am enhanced</rt>
     HTML
 
     expect(stripped(static_output)).to include(stripped(expected_static_output))

spec/usage/components/ruby_spec.rb

@@ -9,8 +9,12 @@ class ExamplePage < Matestack::Ui::Page
 
       def response
         components {
+          # simple ruby
+          ruby text: 'I am simple'
+
+          # enhanced ruby
           ruby id: 'my-id', class: 'my-class' do
-            plain 'Hello World' #optional content
+            plain 'I am enhanced'
           end
         }
       end
@@ -22,9 +26,8 @@ def response
     static_output = page.html
 
     expected_static_output = <<~HTML
-    <ruby id="my-id" class="my-class">
-      Hello World
-    </ruby>
+      <ruby>I am simple</ruby>
+      <ruby id="my-id" class="my-class">I am enhanced</ruby>
     HTML
 
     expect(stripped(static_output)).to include(stripped(expected_static_output))