netzke-core 0.6.7 → 0.7.0

data/test/rails_app/app/components/loader_of_component_with_custom_css.rb

@@ -2,14 +2,13 @@
 class LoaderOfComponentWithCustomCss < Netzke::Base
   component :component_with_custom_css, :class_name => "ComponentWithCustomCss", :lazy_loading => true
 
-  js_properties :title => "LoaderOfComponentWithCustomCss", :layout => 'fit', :bbar => [{:text => "Load ComponentWithCustomCss", :ref => "../button"}]
+  action :load_component_with_custom_css
 
-  js_method :init_component, <<-JS
-    function(){
-      #{js_full_class_name}.superclass.initComponent.call(this);
-      this.button.on('click', function(){
-        this.loadComponent({id: 'component_with_custom_css', container: this.getId()});
-      }, this);
+  js_properties :title => "LoaderOfComponentWithCustomCss", :layout => 'fit', :bbar => [:load_component_with_custom_css.action]
+
+  js_method :on_load_component_with_custom_css, <<-JS
+    function(params){
+      this.loadComponent({name: 'component_with_custom_css'});
     }
   JS
-end
+end

data/test/rails_app/app/components/localized_panel.rb

@@ -7,9 +7,11 @@ class LocalizedPanel < Netzke::Base
     {:text => I18n.t('localized_panel.action_two')}
   end
 
+  action :action_three
+
   js_translate :property_one, :property_two
 
-  js_property :bbar, [:action_one.action, :action_two.action]
+  js_property :bbar, [:action_one.action, :action_two.action, :action_three.action]
 
   def configuration
     super.tap do |c|
@@ -25,4 +27,11 @@ class LocalizedPanel < Netzke::Base
     }
   JS
 
+  js_method :on_action_three, <<-JS
+    function(){
+      var mask = new Ext.LoadMask(this.body);
+      mask.show();
+    }
+  JS
+
 end

data/test/rails_app/app/components/nested_component.rb

@@ -0,0 +1,18 @@
+class NestedComponent < Netzke::Base
+  js_property :layout, :fit
+
+  def configuration
+    super.tap do |c|
+      c[:items] = [:child.component]
+    end
+  end
+
+  component :child,
+    :class_name => "SimpleComponent",
+    :layout => 'accordion',
+    :items => [:grand_child_one.component, :grand_child_two.component],
+    :components => {
+      :grand_child_one => {:class_name => "SimpleComponent", :title => "Grand Child One"},
+      :grand_child_two => {:class_name => "NestedComponent", :title => "Grand Child Two", :lazy_loading => true}
+    }
+end

data/test/rails_app/app/components/panel_with_plugin.rb

@@ -0,0 +1,4 @@
+class PanelWithPlugin < Netzke::Base
+  plugin :some_plugin
+  plugin :plugin_with_components
+end

data/test/rails_app/app/components/panel_with_tools.rb

@@ -0,0 +1,19 @@
+class PanelWithTools < Netzke::Base
+  def configuration
+    super.tap do |c|
+      c[:tools] = [:refresh, :gear]
+    end
+  end
+
+  js_method :on_refresh, <<-JS
+    function(){
+      this.setTitle("Refresh" + " clicked");
+    }
+  JS
+
+  js_method :on_gear, <<-JS
+    function(){
+      this.setTitle("Gear" + " clicked")
+    }
+  JS
+end

data/test/rails_app/app/components/plugin_with_components.rb

@@ -0,0 +1,14 @@
+class PluginWithComponents < Netzke::Plugin
+  js_method :init, <<-JS
+    function(cmp){
+      this.cmp = cmp;
+      this.cmp.tools = this.cmp.tools || [];
+      this.cmp.tools.push({type: 'help', handler: function(){
+        var w = this.instantiateChildNetzkeComponent('simple_window');
+        w.show();
+      }, scope: this});
+    }
+  JS
+
+  component :simple_window, :width => 300, :height => 200, :title => "Window created by PluginWithComponents"
+end

data/test/rails_app/app/components/server_caller.rb

@@ -4,7 +4,7 @@ class ServerCaller < Netzke::Base
   js_properties(
     :title => "Server Caller",
     :html => "Wow",
-    :bbar => [:bug_server.action]
+    :tbar => [:bug_server.action] # TODO: used to be bbar, but Ext 4.0.2 has problems with rendering it!
   )
 
   js_method :on_bug_server, <<-JS

data/test/rails_app/app/components/server_counter.rb

@@ -25,7 +25,6 @@ class ServerCounter < Netzke::Base
         Netzke.connectionCount++;
         Netzke.lastOptions=options;
       });
-
     }
   JS
 
@@ -43,6 +42,7 @@ class ServerCounter < Netzke::Base
     }
   JS
 
+  # TODO: is it actually meant to succeed and display "Something succeeded"?..
   js_method :on_fail_in_the_middle, <<-JS
     function() {
       this.successingEndpoint();

data/test/rails_app/app/components/simple_component.rb

@@ -1,5 +1,7 @@
 class SimpleComponent < Netzke::Base
   js_properties :title => "SimpleComponent",
                 :html  => "Inner text"
+
+  # component :one, :class_name => "SimplePanel", :title => "One"
 end
 

data/test/rails_app/app/components/simple_tab_panel.rb

@@ -3,25 +3,25 @@ class SimpleTabPanel < Netzke::Base
 
   js_property :active_tab, 0
 
-  config :items => [{
-            # Loading a primitive BorderLayoutPanel here
-            :class_name => "BorderLayoutPanel",
-            :title => "A border layout panel",
-            :items => [{
-              :region => :north,
-              :height => 100,
-              :title => "I'm NOT a Netzke component",
-              :html => "I'm a simple panel"
-            },{
-              :region => :center,
-              :class_name => "ServerCaller"
-            },{
-              :region => :west,
-              :width => 300,
-              :split => true,
-              :class_name => "ExtendedServerCaller"
-            }]
-        },{
-          :class_name => "ExtendedServerCaller"
-        }]
+  # config :items => [{
+  #           # Loading a primitive BorderLayoutPanel here
+  #           :class_name => "BorderLayoutPanel",
+  #           :title => "A border layout panel",
+  #           :items => [{
+  #             :region => :north,
+  #             :height => 100,
+  #             :title => "I'm NOT a Netzke component",
+  #             :html => "I'm a simple panel"
+  #           },{
+  #             :region => :center,
+  #             :class_name => "ServerCaller"
+  #           },{
+  #             :region => :west,
+  #             :width => 300,
+  #             :split => true,
+  #             :class_name => "ExtendedServerCaller"
+  #           }]
+  #       },{
+  #         :class_name => "ExtendedServerCaller"
+  #       }]
 end

data/test/rails_app/app/components/simple_window.rb

@@ -1,3 +1,3 @@
 class SimpleWindow < Netzke::Base
-  js_base_class "Ext.Window"
+  js_base_class "Ext.window.Window"
 end

data/test/rails_app/app/components/some_composite.rb

@@ -1,5 +1,6 @@
 class SomeComposite < Netzke::Base
   js_properties :title => "Static Composite",
+                :height => 400,
                 :layout => 'border',
                 :bbar => [
                   :update_west_panel.action,
@@ -26,9 +27,9 @@ class SomeComposite < Netzke::Base
 
   component :center_panel, :class_name => "ServerCaller"
 
-  component :east_center_panel, :class_name => "SimpleComponent", :title => "A panel"
+  component :east_center_panel, :class_name => "SimpleComponent", :title => "A panel", :border => false
 
-  component :east_south_panel, :class_name => "SimpleComponent", :title => "Another panel"
+  component :east_south_panel, :class_name => "SimpleComponent", :title => "Another panel", :border => false
 
   endpoint :update_east_south do |params|
     {:east_south_panel => {:set_title => "Here's an update for south panel in east panel"}}

data/test/rails_app/app/components/some_plugin.rb

@@ -0,0 +1,39 @@
+class SomePlugin < Netzke::Plugin
+  action :action_one
+
+  js_method :init, <<-JS
+    function(){
+      this.callParent(arguments);
+      this.cmp.tools = [{id: 'gear', handler: this.onGear, scope: this}];
+
+      this.cmp.addDocked({
+        dock: 'bottom',
+        xtype: 'toolbar',
+        items: [this.actions.actionOne]
+      });
+    }
+  JS
+
+  js_method :on_action_one, <<-JS
+    function(){
+      this.cmp.setTitle('Action one ' + 'triggered');
+    }
+  JS
+
+  js_method :on_gear, <<-JS
+    function(){
+      this.processGear();
+    }
+  JS
+
+  js_method :process_gear_callback, <<-JS
+    function(newTitle){
+      this.cmp.setTitle(newTitle);
+    }
+  JS
+
+  endpoint :process_gear do |params|
+    {:process_gear_callback => "Server response"}
+  end
+
+end

data/test/rails_app/app/controllers/application_controller.rb

@@ -1,5 +1,5 @@
 class ApplicationController < ActionController::Base
-  protect_from_forgery
+  # protect_from_forgery
 
   before_filter :set_locale
   def set_locale

data/test/rails_app/app/controllers/components_controller.rb

@@ -1,7 +1,7 @@
 class ComponentsController < ApplicationController
   def index
     component_name = params[:component].gsub("::", "_").underscore
-    render :inline => "<%= netzke :#{component_name}, :class_name => '#{params[:component]}' %>", :layout => true
+    render :inline => "<%= netzke :#{component_name}, :class_name => '#{params[:component]}', :height => 400 %>", :layout => true
   end
 
   # For panel_with_autoload

data/test/rails_app/app/views/layouts/touch.html.erb

@@ -3,7 +3,7 @@
 <head>
   <title>Netzke Touch</title>
   <%= csrf_meta_tag %>
-  <%= netzke_init :platform => :touch, :cache => "touch" %>
+  <%= netzke_init :platform => :touch %>
 </head>
 <body>
 

data/test/rails_app/config/application.rb

@@ -41,7 +41,5 @@ module RailsApp
 
     # Configure sensitive parameters which will be filtered from the log file.
     config.filter_parameters += [:password]
-
-    # config.netzke.core.direct_max_retries = 2
   end
 end

data/test/rails_app/config/initializers/netzke.rb

@@ -1,3 +1,4 @@
 Netzke::Core.setup do |config|
-  config.js_direct_max_retries = 3
+  # config.js_direct_max_retries = 3
+  config.ext_uri = "/extjs4"
 end

data/test/rails_app/config/locales/es.yml

@@ -9,3 +9,4 @@ es:
     action_two: Segunda acción
     actions:
       action_one: Primera acción
+      action_three: Tercera acción

data/test/rails_app/features/{actions.feature → actions_and_tools.feature}

@@ -11,3 +11,11 @@ Scenario: Pressing button should result in corresponding actions
 
   When I press "Some Cool Action"
   Then I should see "Some action was triggered"
+
+@javascript
+Scenario: Pressing a tool should result in corresponding action
+  Given I am on the PanelWithTools test page
+  When I press tool "gear"
+  Then I should see "Gear clicked"
+  When I press tool "refresh"
+  Then I should see "Refresh clicked"

data/test/rails_app/features/client-server.feature

@@ -8,6 +8,5 @@ Scenario: Ask server to set our title
   Given I am on the ServerCaller test page
   Then I should see "Server Caller"
 
-  # When I execute "Ext.getCmp('server_caller').buttons.first().fireEvent('click');"
   When I press "Call server"
   Then I should see "All quiet here on the server"

data/test/rails_app/features/complex_component.feature

@@ -13,6 +13,6 @@ Feature: Complex component
   @javascript
   Scenario: The last tab of the complex component is a Netzke component that just works
     Given I am on the KindaComplexComponent test page
-    When I follow "Server Caller"
+    When I press "Server Caller"
     And I press "Call server"
     Then I should see "All quiet here on the server"

data/test/rails_app/features/component_loader.feature

@@ -43,3 +43,10 @@ Feature: Component loader
     Given I am on the ComponentLoader test page
     When I press "Load with params"
     Then I should see "Simple Component with changed HTML"
+
+  @javascript
+  Scenario: Component loader should report that it can't load a component
+    Given I am on the ComponentLoader test page
+    When I press "Non-existing component"
+    Then I should see "Couldn't load component 'non_existing_component'"
+    And I should not see "Loading"

data/test/rails_app/features/composition.feature

@@ -23,9 +23,9 @@ Feature: Composition
   Scenario: Server should be able to address (deeply) nested components
     Given I am on the SomeComposite test page
     When I press "Update west from server"
-    And I sleep 1 second
+    And I wait for response from server
     Then I should see "Here's an update for west panel"
 
     When I press "Update east south from server"
-    And I sleep 1 second
+    And I wait for response from server
     Then I should see "Here's an update for south panel in east panel"

data/test/rails_app/features/custom_css.feature

@@ -12,6 +12,6 @@ Feature: Custom css
   @javascript
   Scenario: A dynamically loaded component with a hidden body should not display its body
     When I go to the LoaderOfComponentWithCustomCss test page
-    And I press "Load ComponentWithCustomCss"
+    And I press "Load component with custom css"
     Then I should see "ComponentWithCustomCss"
     But  the body of LoaderOfComponentWithCustomCss/ComponentWithCustomCss component should not be invisible

data/test/rails_app/features/i18n.feature

@@ -17,6 +17,9 @@ Scenario: LocalizedPanel should be available in 2 languages
   And I should see "Primera acción"
   And I should see "Segunda acción"
 
+  When I press "Tercera acción"
+  Then I should see "Cargando..."
+
   When I go to the "es" version of the ExtendedLocalizedPanel page
   Then I should see "Panel Localizada"
   And I should see "Primera propriedad, Segunda propriedad"

data/test/rails_app/features/js_include.feature

@@ -10,6 +10,8 @@ Feature: JsMixins
     Then I should see "Action One triggered!"
     When I press "Action two"
     Then I should see "Action Two triggered!"
+    When I press "Action three"
+    Then I should see "Action Three triggered!"
 
   @javascript
   Scenario: ExtendedComponentWithJsMixin should behave, too

data/test/rails_app/features/nested_views.feature

@@ -3,7 +3,8 @@ Feature: Nested views
   As a role
   I want feature
 
-  @javascript
-  Scenario: A component with auto loaded content should render properly
-    When I go to the "panel with autoload" view
-    Then I should see "Autoloaded Panel"
+  # @javascript
+  # WIP: This scenario may never be needed
+  # Scenario: A component with auto loaded content should render properly
+  #   When I go to the "panel with autoload" view
+  #   Then I should see "Autoloaded Panel"

data/test/rails_app/features/plugin.feature

@@ -0,0 +1,16 @@
+Feature: Plugin
+  In order to value
+  As a role
+  I want feature
+
+@javascript
+Scenario: Plugin calling its server part
+  Given I am on the PanelWithPlugin test page
+  When I press tool "gear"
+  Then I should see "Server response"
+
+@javascript
+Scenario: Plugin inserting its action into component
+  Given I am on the PanelWithPlugin test page
+  When I press "Action one"
+  Then I should see "Action one triggered"

data/test/rails_app/features/step_definitions/generic_steps.rb

@@ -8,14 +8,14 @@ end
 
 Then /^button "([^"]*)" should be enabled$/ do |arg1|
   page.driver.browser.execute_script(<<-JS).should == true
-  var btn = Ext.ComponentMgr.all.filter('text', '#{arg1}').filter('type','button').first();
+  var btn = Array.filter( Ext.ComponentManager.all.getValues(), function(o){ return o.text == '#{arg1}' })[0];
   return typeof(btn)!='undefined' ? !btn.disabled : false
   JS
 end
 
 Then /^button "([^"]*)" should be disabled$/ do |arg1|
   page.driver.browser.execute_script(<<-JS).should == true
-  var btn = Ext.ComponentMgr.all.filter('text', '#{arg1}').filter('type','button').first();
+  var btn = Array.filter( Ext.ComponentManager.all.getValues(), function(o){ return o.text == '#{arg1}' })[0];
   return typeof(btn)!='undefined' ? btn.disabled : false
   JS
 end
@@ -26,6 +26,25 @@ When /^total requests made should be (\d+)$/ do |count|
   JS
 end
 
+When /^I press tool "([^"]*)"$/ do |tool|
+  id = page.driver.browser.execute_script(<<-JS)
+    var toolCmp;
+    Ext.ComponentManager.all.each(function(k,v){
+      if (v.type == '#{tool}') {
+        toolCmp = v;
+        return false;
+      }
+    });
+    return toolCmp.getId();
+  JS
+
+  find("##{id} img").click
+end
+
+When /^I wait for response from server$/ do
+  page.wait_until{ page.driver.browser.execute_script("return !Netzke.ajaxIsLoading()") }
+end
+
 When /I sleep (\d+) seconds?/ do |arg1|
   sleep arg1.to_i
 end

data/test/rails_app/features/touch.feature

@@ -1,10 +1,10 @@
-Feature: Touch - to be run in Chrome only
-  In order to value
-  As a role
-  I want feature
-
-@javascript
-Scenario: Client-server communication
-  Given I am on the ServerCaller page for touch
-  When I press button "Bug server"
-  Then I should see "Hello from the server!"
+# Feature: Touch - to be run in Chrome only
+#   In order to value
+#   As a role
+#   I want feature
+#
+# @javascript
+# Scenario: Client-server communication
+#   Given I am on the ServerCaller page for touch
+#   When I press button "Bug server"
+#   Then I should see "Hello from the server!"

data/test/rails_app/spec/component/component_spec.rb

@@ -0,0 +1,20 @@
+require File.dirname(__FILE__) + '/../spec_helper'
+require "netzke-core"
+
+describe "Any component" do
+
+  class TestComponent < Netzke::Base
+
+    endpoint :some_action do
+      {}
+    end
+  end
+
+  it "should be able to register endpoints" do
+    TestComponent.endpoints.should include :some_action
+  end
+
+  it "should have deliver_component endpoint by default" do
+    TestComponent.endpoints.should include :deliver_component
+  end
+end