netzke-basepack-zh 0.7.6

data/test/basepack_test_app/features/grid_panel_filters.feature

@@ -0,0 +1,73 @@
+Feature: Grid panel filters
+  In order to value
+  As a role
+  I want feature
+
+Background:
+  Given an author exists with first_name: "Vladimir", last_name: "Nabokov"
+  And a book exists with author: that author, title: "Lolita", exemplars: 5, digitized: false, notes: "To read", last_read_at: "2010-12-23"
+
+  And an author exists with first_name: "Carlos", last_name: "Castaneda"
+  And a book exists with author: that author, title: "Journey to Ixtlan", exemplars: 10, digitized: true, notes: "A must-read", last_read_at: "2011-04-25"
+
+  And an author exists with first_name: "David", last_name: "Allen"
+  And a book exists with author: that author, title: "Getting Things Done", exemplars: 3, digitized: true, notes: "Productivity", last_read_at: "2011-04-26"
+
+@javascript
+Scenario: Numeric and text filter
+  When I go to the BookGridFiltering test page
+  And I enable filter on column "exemplars" with value "{gt:6}"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable filter on column "exemplars" with value "{eq:5}"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable filter on column "exemplars" with value "{eq:6}"
+  Then the grid should show 0 records
+
+  # NOTE: due to some mystery, this wouldn't work in a separate scenario (e.g. "Text filter")
+  # That is, the filter just wouldn't get set.
+  When I clear all filters in the grid
+  And I enable filter on column "notes" with value "'read'"
+  Then the grid should show 2 records
+
+  When I clear all filters in the grid
+  And I enable filter on column "author__first_name" with value "'d'"
+  Then the grid should show 2 records
+
+  When I clear all filters in the grid
+  And I enable filter on column "author__first_name" with value "'carl'"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable date filter on column "last_read_at" with value "on 04/25/2011"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable date filter on column "last_read_at" with value "after 04/25/2011"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable date filter on column "last_read_at" with value "before 12/24/2010"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable date filter on column "last_read_at" with value "after 12/23/2010"
+  Then the grid should show 2 records
+
+  When I clear all filters in the grid
+  And I enable date filter on column "last_read_at" with value "after 12/23/2010"
+  And I enable date filter on column "last_read_at" with value "before 04/26/2011"
+  Then the grid should show 1 records
+
+@javascript
+Scenario: Boolean filter
+  When I go to the BookGridFiltering test page
+  And I enable filter on column "digitized" with value "false"
+  Then the grid should show 1 records
+
+  When I clear all filters in the grid
+  And I enable filter on column "digitized" with value "true"
+  Then the grid should show 2 records

data/test/basepack_test_app/features/grid_panel_with_custom_primary_key.feature

@@ -0,0 +1,15 @@
+Feature: Grid panel with custom primary key
+  In order to value
+  As a role
+  I want feature
+
+  @javascript
+  Scenario: Inline editing
+    Given a book_with_custom_primary_key exists with title: "Book you are to write"
+    When I go to the BookWithCustomPrimaryKeyGrid test page
+    And I edit row 1 of the grid with title: "My fight club"
+    And I press "Apply"
+    And I wait for the response from the server
+    Then the grid should have 0 modified records
+    And a book_with_custom_primary_key should exist with title: "My fight club"
+    But a book should not exist with title: "Book you are to write"

data/test/basepack_test_app/features/grid_sorting.feature

@@ -0,0 +1,47 @@
+Feature: Grid sorting
+  In order to value
+  As a role
+  I want feature
+
+  @javascript
+  Scenario: Sorting on regular column
+    Given the following books exist:
+    | title   |
+    | Belief  |
+    | Cosmos  |
+    | Avatar  |
+
+    When I go to the BookGrid test page
+    And I click on column "Title"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Title"
+
+    When I click on column "Title"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Title" desc
+
+  @javascript
+  Scenario: Sorting on association column
+    Given an author exists with first_name: "Herman", last_name: "Hesse"
+    And a book exists with title: "Damian", author: that author
+    And an author exists with first_name: "Carlos", last_name: "Castaneda"
+    And a book exists with title: "Journey", author: that author
+    And an author exists with first_name: "John", last_name: "Fowles"
+    And a book exists with title: "Magus", author: that author
+
+    When I go to the BookGridWithCustomColumns test page
+    And I click on column "Author  first name"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Author  first name"
+
+    When I click on column "Author  first name"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Author  first name" desc
+
+    When I go to the BookGrid test page
+    And I click on column "Author  name"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Author  name"
+    When I click on column "Author  name"
+    And I wait for the response from the server
+    Then the grid should have records sorted by "Author  name" desc

data/test/basepack_test_app/features/i18n.feature

@@ -0,0 +1,18 @@
+Feature: I18n
+  In order to value
+  As a role
+  I want feature
+
+Scenario: A grid with localized column headers
+  When I go to the "es" version of the BookGrid page
+  Then I should see "Autor"
+  And I should see "Creado en"
+  But I should not see "Author"
+  And I should not see "Created at"
+
+Scenario: A form with localized field labels
+  When I go to the "es" version of the BookForm page
+  Then I should see "Autor"
+  And I should see "En abundancia"
+  But I should not see "Author"
+  And I should not see "In abundance"

data/test/basepack_test_app/features/nested_attributes.feature

@@ -0,0 +1,26 @@
+Feature: Nested attributes
+  In order to value
+  As a role
+  I want feature
+
+@javascript
+Scenario: Grid with nested attributes
+  Given an author exists with first_name: "Vlad", last_name: "Nabokoff"
+  And a book exists with title: "Lola", author: that author
+  When I go to the BookGridWithNestedAttributes test page
+  Then I should see "Vlad" within "#book_grid_with_nested_attributes"
+  And I should see "Nabokoff" within "#book_grid_with_nested_attributes"
+
+  When I select first row in the grid
+  And I press "Edit in form"
+  And I fill in "Author first name:" with "Vladimir"
+  And I fill in "Author last name:" with "Nabokov"
+  And I fill in "Title:" with "Lolita"
+  And I press "OK"
+
+  Then I should see "Nabokov"
+  Then an author should exist with first_name: "Vladimir", last_name: "Nabokov"
+  And a book should exist with title: "Lolita", author: that author
+
+  But an author should not exist with first_name: "Vlad"
+  And a book should not exist with title: "Lola"

data/test/basepack_test_app/features/paging_form_panel.feature

@@ -0,0 +1,43 @@
+Feature: Paging form panel
+  In order to value
+  As a role
+  I want feature
+
+Background:
+  Given the following books exist:
+  | title               | exemplars | digitized | notes        | published_on | last_read_at |
+  | Journey to Ixtlan   | 10        | true      | A must-read  | 2001-01-02   | 2011-01-02   |
+  | Lolita              | 5         | false     | To read      | 1988-04-05   | 2011-03-04   |
+  | Getting Things Done | 3         | true      | Productivity | 2005-06-07   | 2011-12-13   |
+
+@javascript
+Scenario: Paging through records
+  When I go to the BookPagingFormPanel test page
+  Then I should see "Journey to Ixtlan"
+
+  When I go forward one page
+  And  I wait for the response from the server
+  Then the form should show title: "Lolita"
+
+  When I go forward one page
+  And  I wait for the response from the server
+  Then the form should show title: "Getting Things Done"
+
+#@javascript
+#Scenario: Searching
+  #When I go to the BookPagingFormPanel test page
+  #And I press "Search"
+  #And I wait for the response from the server
+  #And I expand combobox "undefined_attr"
+  #And I select "Exemplars" from combobox "undefined_attr"
+  #And I expand combobox "exemplars_operator"
+  #And I select "Less than" from combobox "exemplars_operator"
+  #And I fill in "exemplars_value" with "5"
+  #And I press "Search" within "#book_paging_form_panel__search_form"
+  #And I wait for the response from the server
+  #Then the form should show title: "Getting Things Done"
+
+@javascript
+Scenario: I must see total records value
+  When I go to the BookPagingFormPanel test page
+  Then I should see "of 3" within paging toolbar

data/test/basepack_test_app/features/search_in_grid.feature

@@ -0,0 +1,49 @@
+#Feature: Search
+  #In order to value
+  #As a role
+  #I want feature
+
+  #@javascript
+  #Scenario: Search via Search window
+    #Given the following roles exist:
+    #| id | name       |
+    #| 1  | admin      |
+    #| 2  | superadmin |
+    #| 3  | user       |
+
+    #And the following users exist:
+    #| first_name | last_name | role_id |
+    #| Paul       | Bley      | 1       |
+    #| Dalai      | Lama      | 3       |
+    #| Taisha     | Abelar    | 2       |
+    #| Florinda   | Donner    | 1       |
+
+    #When I go to the UserGrid test page
+    #Then the grid should show 4 records
+
+    #When I press "Search"
+    #And I wait for the response from the server
+    #And I expand combobox "undefined_attr"
+    #And I select "First name" from combobox "undefined_attr"
+    #And I wait for the response from the server
+    #And I fill in "first_name_value" with "ai"
+    #And I press "Search" within "#user_grid__search_form"
+    #And I wait for the response from the server
+    #Then the grid should show 2 records
+
+    # When I press "Search"
+    # And I follow "+"
+    # And I expand combobox "undefined_attr"
+    # And I select "First name" from combobox "undefined_attr"
+    # And I fill in "first_name_value" with "in"
+    # And I press "Search" within "#user_grid__search_form"
+    # And I wait for the response from the server
+    # Then the grid should show 3 records
+
+    # Search on association column not supported yet
+    # When I press "Search"
+    # And I fill in "Role name like:" with "adm"
+    # And I fill in "First name like:" with ""
+    # And I press "Search" within "#user_grid__search_form"
+    # And I wait for the response from the server
+    # Then the grid should show 3 records

data/test/basepack_test_app/features/simple_app.feature

@@ -0,0 +1,15 @@
+Feature: Basic application
+  In order to value
+  As a role
+  I want feature
+
+@javascript
+Scenario: SimpleApp should load its components dynamically
+  Given I am on the SomeSimpleApp test page
+  When I press "Simple accordion"
+  Then I should see "Some simple app simple accordion"
+  # TODO: there's a problem with dynamic loading of the grid: "event is undefined" as we try to load something AFTER loading grid
+  # When I press "User grid"
+  # Then I should see "Users"
+  When I press "Simple tab panel"
+  Then I should see "Some simple app simple tab panel"

data/test/basepack_test_app/features/simple_panel.feature

@@ -0,0 +1,11 @@
+Feature: Panel
+  In order to value
+  As a role
+  I want feature
+
+  @selenium
+  Scenario: The SimplePanel component should be able to update its body's HTML from the server
+    When I go to the SimplePanel test page
+    Then I should see "Original HTML"
+    When I press "Update html"
+    Then I should see "HTML received from server"

data/test/basepack_test_app/features/step_definitions/accordion_steps.rb

@@ -0,0 +1,5 @@
+When /^I expand "([^"]*)"$/ do |arg1|
+  page.driver.browser.execute_script <<-JS
+    Ext.ComponentQuery.query('panel[title="#{arg1}"]')[0].expand();
+  JS
+end

data/test/basepack_test_app/features/step_definitions/ext_steps.rb

@@ -0,0 +1,16 @@
+When /^(?:|I )check ext checkbox "([^"]*)"$/ do |field|
+  page.driver.browser.execute_script <<-JS
+    var checkbox = Ext.ComponentQuery.query("checkboxfield[fieldLabel='#{field}']")[0];
+    checkbox = checkbox || Ext.ComponentQuery.query("checkboxfield[boxLabel='#{field}']")[0];
+    checkbox.setValue(true);
+  JS
+end
+
+Then /^ext "([^"]*)" checkbox should(| not) be checked$/ do |name, arg|
+  page.driver.browser.execute_script(<<-JS).should == arg.eql?("")
+    var checkbox = Ext.ComponentQuery.query('checkboxfield[boxLabel="#{name}"]')[0];
+    checkbox = checkbox || Ext.ComponentQuery.query('checkboxfield[fieldLabel="#{name}"]')[0];
+
+    return checkbox.getValue();
+  JS
+end

data/test/basepack_test_app/features/step_definitions/form_panel_steps.rb

@@ -0,0 +1,46 @@
+When /^I expand combobox "([^"]*)"$/ do |combo_label|
+  page.driver.browser.execute_script <<-JS
+    var combo = Ext.ComponentQuery.query("combobox[fieldLabel='#{combo_label}']")[0];
+    combo = combo || Ext.ComponentQuery.query("combobox[name='#{combo_label}']")[0];
+    combo.onTriggerClick();
+  JS
+
+  step "I wait for the response from the server"
+end
+
+When /^I select "([^"]*)" from combobox "([^"]*)"$/ do |value, combo_label|
+  page.driver.browser.execute_script <<-JS
+    var combo = Ext.ComponentQuery.query("combobox[fieldLabel='#{combo_label}']")[0];
+    combo = combo || Ext.ComponentQuery.query("combobox[name='#{combo_label}']")[0];
+    var rec = combo.findRecordByDisplay('#{value}');
+    combo.select(rec);
+    combo.fireEvent('select', combo, rec );
+  JS
+end
+
+Then /the form should show #{capture_fields}$/ do |fields|
+  page.driver.browser.execute_script(<<-JS).should == true
+    var form = Ext.ComponentQuery.query('form')[0].getForm();
+    var values = {#{fields}};
+    for (var fieldName in values) {
+      var field = form.findField(fieldName);
+
+      if (field.getXType() == 'xdatetime') {
+        // Treat xdatetime specially
+        var oldValue = field.getValue();
+        field.setValue(values[fieldName]);
+        return oldValue == field.getValue();
+      } else {
+        return (field.getValue() == values[fieldName] || field.getRawValue() == values[fieldName]);
+      }
+    }
+    return true;
+  JS
+end
+
+Then /^I fill in Ext field "([^"]*)" with "([^"]*)"$/ do |field_label, value|
+  page.driver.browser.execute_script <<-JS
+    var field = Ext.ComponentQuery.query("[fieldLabel='#{field_label}']")[0];
+    field.setValue("#{value}");
+  JS
+end

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

@@ -0,0 +1,44 @@
+Then /^Netzke should be initialized$/ do
+  Netzke::Base.should be
+end
+
+When /^I execute "([^\"]*)"$/ do |script|
+  page.driver.browser.execute_script(script)
+end
+
+Then /^button "([^"]*)" should be disabled$/ do |arg1|
+  Netzke.should be # PENDING!
+end
+
+When /I (?:sleep|wait) (\d+) (\w+)/ do |amount, unit|
+  sleep amount.to_i.send(unit)
+end
+
+When /^I wait for the response from the server$/ do
+  sleep 0.5
+  page.wait_until{ page.driver.browser.execute_script("return !(Netzke.ajaxIsLoading() || Ext.Ajax.isLoading())") }
+  sleep 0.5
+end
+
+When /^I go forward one page$/ do
+  page.driver.browser.execute_script(<<-JS)
+    var toolbar = Ext.ComponentQuery.query('pagingtoolbar')[0];
+    toolbar.moveNext();
+  JS
+  page.wait_until{ page.driver.browser.execute_script("return !Ext.Ajax.isLoading();") }
+end
+
+Then /^the "([^"]*)" component should be hidden$/ do |id|
+  page.driver.browser.execute_script(<<-JS).should be_false
+    var cmp = Ext.ComponentMgr.get("#{id}");
+    return cmp.isVisible();
+  JS
+end
+
+Then /^I should see "([^"]*)" within paging toolbar$/ do |text|
+  step %Q{I should see "#{text}"}
+  # Not working, as it checks the initial text property, not the actual one
+  # page.driver.browser.execute_script(<<-JS).should == true
+  #   Ext.ComponentQuery.query('pagingtoolbar')[0].query('tbtext[text="#{text}"]').length >= 1
+  # JS
+end

data/test/basepack_test_app/features/step_definitions/grid_panel_steps.rb

@@ -0,0 +1,186 @@
+When /^I select first row in the grid$/ do
+  page.driver.browser.execute_script <<-JS
+    Ext.ComponentQuery.query('gridpanel')[0].getSelectionModel().select(0);
+  JS
+end
+
+When /^I select all rows in the grid$/ do
+  page.driver.browser.execute_script <<-JS
+    var components = [];
+    for (var cmp in Netzke.page) { components.push(cmp); }
+    var grid = Netzke.page[components[0]];
+    grid.getSelectionModel().selectAll();
+  JS
+end
+
+Then /^the grid should show (\d+) records$/ do |arg1|
+  page.driver.browser.execute_script(<<-JS).should == arg1.to_i
+    var components = [];
+    for (var cmp in Netzke.page) { components.push(cmp); }
+    var grid = Netzke.page[components[0]];
+    return grid.getStore().getCount();
+  JS
+end
+
+When /^I edit row (\d+) of the grid with #{capture_fields}$/ do |rowIndex, fields|
+  fields = parse_fields(fields)
+  js_set_fields = fields.each_pair.map do |k,v|
+    "r.set('#{k}', '#{v}');"
+  end.join
+  page.driver.browser.execute_script <<-JS
+    var components = [];
+    for (var cmp in Netzke.page) { components.push(cmp); }
+    var grid = Netzke.page[components[0]];
+    var r = grid.getStore().getAt(#{rowIndex.to_i-1});
+    #{js_set_fields}
+  JS
+end
+
+Then /^the grid should have (\d+) modified records$/ do |n|
+  page.driver.browser.execute_script(<<-JS).should == n.to_i
+    return Ext.ComponentQuery.query('gridpanel')[0].getStore().getUpdatedRecords().length;
+  JS
+end
+
+When /^I enable filter on column "([^"]*)" with value "([^"]*)"$/ do |column, value|
+  page.driver.browser.execute_script <<-JS
+    var grid = Ext.ComponentQuery.query('gridpanel')[0],
+        filter;
+    grid.filters.createFilters();
+    filter = grid.filters.getFilter('#{column}');
+    filter.setValue(#{value});
+    filter.setActive(true);
+  JS
+  sleep 1
+end
+
+# E.g.: And I enable date filter on column "last_read_at" with value "after 04/25/2011" (this date should be in the US format)
+When /^I enable date filter on column "([^"]*)" with value "([^"]*)"$/ do |column, value|
+  operand, date = value.split
+  page.driver.browser.execute_script <<-JS
+    var grid = Ext.ComponentQuery.query('gridpanel')[0],
+        filter, value;
+    grid.filters.createFilters();
+    filter = grid.filters.getFilter('#{column}');
+    value = filter.getValue();
+    value.#{operand} = new Date('#{date}'); // merge the new value with the current one
+    filter.setValue(value);
+    filter.setActive(true);
+  JS
+  sleep 1
+end
+
+When /^I clear all filters in the grid$/ do
+  page.driver.browser.execute_script <<-JS
+    var components = [];
+    for (var cmp in Netzke.page) { components.push(cmp); }
+    var grid = Netzke.page[components[0]];
+    grid.filters.clearFilters();
+  JS
+end
+
+When /^I expand combobox "([^"]*)" in row (\d+) of the grid$/ do |field, row|
+  page.driver.browser.execute_script <<-JS
+    var grid    = Ext.ComponentQuery.query('gridpanel')[0],
+        editor  = grid.getPlugin('celleditor');
+
+    editor.startEditByPosition({ row:#{row.to_i-1}, column:grid.headerCt.items.findIndex('name', '#{field}') });
+  JS
+
+  sleep 0.5
+
+  page.driver.browser.execute_script("Ext.ComponentQuery.query('netzkeremotecombo')[0].onTriggerClick();");
+end
+
+When /^I select "([^"]*)" in combobox "([^"]*)" in row (\d+) of the grid$/ do |value, field, row|
+  page.driver.browser.execute_script <<-JS
+    var grid   = Ext.ComponentQuery.query('gridpanel')[0],
+        col    = Ext.ComponentQuery.query('gridcolumn[name="#{field}"]'),
+        colId  = grid.headerCt.items.findIndex('name', '#{field}'),
+        combo  = Ext.ComponentQuery.query('netzkeremotecombo')[0];
+
+    combo.setValue( combo.findRecordByDisplay('#{value}') );
+    combo.onTriggerClick();
+  JS
+end
+
+When /^I stop editing the grid$/ do
+  page.driver.browser.execute_script <<-JS
+    var p;
+    (p = Ext.ComponentQuery.query('gridpanel')[0].getPlugin('celleditor')) && p.completeEdit();
+  JS
+end
+
+When /^I reload the grid$/ do
+  page.driver.browser.execute_script <<-JS
+    var components = [];
+    for (var cmp in Netzke.page) { components.push(cmp); }
+    var grid = Netzke.page[components[0]];
+    grid.getStore().load();
+  JS
+end
+
+When /^I (?:drag|move) "([^"]*)" column before "([^"]*)"$/ do |header1, header2|
+  headers=[header1,header2].map {|s| s=s.gsub(/ /, '  ')}
+  indexi =[0,1].map { |i| i=page.driver.browser.execute_script %Q(return Ext.ComponentQuery.query('gridcolumn[text="#{headers[i]}"]')[0].getIndex()) }
+  page.driver.browser.execute_script <<-JS
+    cmp = Ext.ComponentQuery.query('gridpanel')[0];
+    cmp.onColumnMove(null, null, #{indexi[0]}, #{indexi[1]});
+  JS
+  step "I wait for the response from the server"
+end
+
+Then /^I should see columns in order: "([^"]*)", "([^"]*)", "([^"]*)"$/ do |header1, header2, header3|
+  headers=[header1,header2,header3].map {|s| s=s.gsub(/ /, '  ')}
+  page.driver.browser.execute_script(<<-JS).should be_true
+    return (Ext.ComponentQuery.query('gridcolumn[text="#{headers[0]}"]')[0].getIndex() == 1) &&
+           (Ext.ComponentQuery.query('gridcolumn[text="#{headers[1]}"]')[0].getIndex() == 2) &&
+           (Ext.ComponentQuery.query('gridcolumn[text="#{headers[2]}"]')[0].getIndex() == 3)
+  JS
+end
+
+When /^I click on column "([^"]*)"$/ do |column|
+  el_id = page.driver.browser.execute_script <<-JS
+    return Ext.ComponentQuery.query('gridcolumn[text="#{column}"]')[0].id;
+  JS
+
+  find("##{el_id}").click
+end
+
+Then /^the grid should have records sorted by "([^"]*)"\s?(asc|desc)?$/ do |column, dir|
+  dir ||= "asc"
+
+  page.driver.browser.execute_script(<<-JS).should be_true
+    var grid   = Ext.ComponentQuery.query('gridpanel')[0],
+        column = Ext.ComponentQuery.query('gridcolumn[text="#{column}"]')[0],
+        fieldName = column.name,
+        columnValues = [];
+
+    grid.getStore().each(function(r){
+      var value = column.assoc ? r.get('_meta').associationValues[fieldName] : r.get(fieldName);
+      if (value) columnValues.#{dir == "asc" ? "push" : "unshift"}(value);
+    });
+
+    return (columnValues.length > 0) && (columnValues.toString() === Ext.Array.sort(columnValues).toString());
+  JS
+end
+
+Then /^the grid's column "([^"]*)" should not be sortable$/ do |column_name|
+  column = column_name.downcase.gsub(' ', '_')
+  page.driver.browser.execute_script(<<-JS).should_not be_true
+    var col = Ext.ComponentQuery.query('gridcolumn[name="#{column}"]')[0];
+    return col.sortable;
+  JS
+end
+
+Then /^the grid's column "([^"]*)" should not be editable$/ do |column_name|
+  column = column_name.downcase.gsub(' ', '_')
+  page.driver.browser.execute_script(<<-JS).should be_true
+    var col = Ext.ComponentQuery.query('gridcolumn[name="#{column}"]')[0];
+    return typeof col.getEditor() == 'undefined';
+  JS
+end
+
+When /^I click the "([^"]*)" action icon$/ do |action_name|
+  find("img[data-qtip='#{action_name}']").click
+end