update action component and specs

Author: Nils Henning

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

@@ -1,6 +1,10 @@
 module Matestack::Ui::Core::Action
   class Action < Matestack::Ui::Core::Component::Dynamic
 
+    def vuejs_component_name
+      'matestack-ui-core-action'
+    end
+
     def setup
       @component_config[:action_path] = action_path
       @component_config[:method] = options[:method]

lib/matestack/ui/core/components.rb

@@ -27,6 +27,7 @@ def self.require_core_component(name)
   require_app_path "concepts/matestack/ui/core/component/static"
 
   require_core_component "abbr"
+  require_core_component "action"
   require_core_component "address"
   require_core_component "area"
   require_core_component "article"
@@ -124,6 +125,7 @@ def self.require_core_component(name)
 
 Matestack::Ui::Core::Component::Registry.register_components(
   abbr: Matestack::Ui::Core::Abbr::Abbr,
+  action: Matestack::Ui::Core::Action::Action,
   address: Matestack::Ui::Core::Address::Address,
   area: Matestack::Ui::Core::Area::Area,
   article: Matestack::Ui::Core::Article::Article,

spec/0.8/components/action/delay_spec.rb

@@ -5,43 +5,34 @@
 describe "Action Component", type: :feature, js: true do
 
   before :each do
-
     class ActionTestController < TestController
-
       def test
         receive_timestamp = DateTime.now.strftime('%Q')
         render json: { received_at: receive_timestamp }, status: 200
       end
-
     end
 
     allow_any_instance_of(ActionTestController).to receive(:expect_params)
-
   end
 
   describe "delay attribute" do
 
     it "if set, delays action submit" do
-
       Rails.application.routes.append do
         post '/action_test', to: 'action_test#test', as: 'action_delay_test'
       end
       Rails.application.reload_routes!
 
-
       class ExamplePage < Matestack::Ui::Page
-
         def response
-          components {
-            action action_config do
-              button text: "Click me!"
-            end
-            div id: "timestamp" do
-              async show_on: "action_submitted_successfully" do
-                plain "{{event.data.received_at}}"
-              end
+          action action_config do
+            button text: "Click me!"
+          end
+          div id: "timestamp" do
+            async show_on: "action_submitted_successfully" do
+              plain "{{event.data.received_at}}"
             end
-          }
+          end
         end
 
         def action_config
@@ -57,21 +48,15 @@ def action_config
             }
           }
         end
-
       end
 
       visit "/example"
-
       submit_timestamp = DateTime.now.strftime('%Q').to_i
       click_button "Click me!"
-
       sleep 1.5
-
       element = page.find("#timestamp")
       receive_timestamp = element.text.to_i
-
       expect(receive_timestamp - submit_timestamp).to be > 1000
-
     end
 
   end

spec/0.8/components/action/emit_spec.rb

@@ -5,40 +5,31 @@
 describe "Action Component", type: :feature, js: true do
 
   before :each do
-
     class ActionTestController < TestController
-
       def test
         render json: { }, status: 200
       end
-
     end
 
     allow_any_instance_of(ActionTestController).to receive(:expect_params)
-
   end
 
   describe "emit attribute" do
 
     it "if set, emits event directly when action is submitted (not waiting for success or failure)" do
-
       Rails.application.routes.append do
         post '/action_test', to: 'action_test#test', as: 'action_emit'
       end
       Rails.application.reload_routes!
 
-
       class ExamplePage < Matestack::Ui::Page
-
         def response
-          components {
-            action action_config do
-              button text: "Click me!"
-            end
-            async show_on: "action_submitted" do
-              plain "action submitted!"
-            end
-          }
+          action action_config do
+            button text: "Click me!"
+          end
+          async show_on: "action_submitted" do
+            plain "action submitted!"
+          end
         end
 
         def action_config
@@ -51,16 +42,12 @@ def action_config
             emit: "action_submitted"
           }
         end
-
       end
 
       visit "/example"
-
       expect_any_instance_of(ActionTestController).to receive(:expect_params)
         .with(hash_including(:foo => "bar"))
-
       click_button "Click me!"
-
       expect(page).to have_content("action submitted!")
     end