Add optimum, high, low optional values

Author: bdlb77

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

@@ -1,4 +1,14 @@
 module Matestack::Ui::Core::Meter
   class Meter < Matestack::Ui::Core::Component::Static
+    def setup
+      @tag_attributes.merge!({
+        value: options[:value],
+        min: options[:min],
+        max: options[:max],
+        low: options[:low],
+        high: options[:high],
+        optimum: options[:optimum]
+      })
+    end
   end
 end

spec/usage/components/meter_spec.rb

@@ -8,13 +8,17 @@
     class ExamplePage < Matestack::Ui::Page
       def response
         components {
-          label for: 'meter_id'
+          #label for: 'meter_id'
           meter id: 'meter_id', value: 0.6
 
-          label for: 'meter'
+          #label for: 'meter'
           meter id: 'meter', min: 0, max: 10, value: 6 do
             plain '6 out of 10. 60%.'
           end
+          
+          meter id: 'meter', low: 2, high: 8, optimum: 6, min: 0, max: 10, value: 6 do
+            plain '6 out of 10. 60%.'
+          end
         }
       end
     end
@@ -24,15 +28,14 @@ def response
     output_html = page.html
 
     expected_output = <<~HTML 
-      <label for="meter_id"></label>
       <meter id="meter_id" value="0.6"></meter>
+      
+      <meter id="meter" max="10" min="0" value="6">6 out of 10. 60%.</meter>
 
-      <label for="meter"></label>
-      <meter id="meter" min="0" max="10" value="6">
+      <meter high="8" id="meter" low="2" max="10" min="0" optimum="6" value="6">
         6 out of 10. 60%.
       </meter>
     HTML
-    binding.pry
 
     expect(stripped(output_html)).to include(stripped(expected_output))
   end