rwiki 0.1.3 → 0.2.1

data/features/rename_page.feature

@@ -1,81 +1,86 @@
 Feature: Rename a node
 
   Background:
-    Given I go to the home page
-    And I wait for ajax call complete
+    Given I open the application
 
   @javascript
   Scenario: Rename a page
-    When I right click node "./home.txt"
+    When I right click the node with path "./home.txt"
     And I follow "Rename node"
     Then I should see dialog box titled "Rename node"
 
-    When I fill in the dialog box input with "The new home"
-    And press "OK"
-    And I reload the page
-    And I should see "The new home"
+    When I fill in the input with "The new home" within the dialog box
+    And I press "OK" within the dialog box
+    Then I should see the node titled "The new home"
 
-    When I click node "./The new home.txt"
-    And I wait for ajax call complete
+    When I reload the application
+    Then I should see the node titled "The new home"
+
+    When I click the node with path "./The new home.txt"
     Then I should see "Sample page" within "h1"
 
   @javascript
   Scenario: Rename a page to existing name
-    When I right click node "./home.txt"
+    When I right click the node with path "./home.txt"
     And I follow "Rename node"
     Then I should see dialog box titled "Rename node"
 
-    When I fill in the dialog box input with "test"
-    And press "OK"
-    And I reload the page
+    When I fill in the input with "test" within the dialog box
+    And I press "OK" within the dialog box
+    And I reload the application
     And I should see "home"
     And I should see "test"
 
-    When I click node "./home.txt"
-    And I wait for ajax call complete
+    When I click the node with path "./home.txt"
     Then I should see "Sample page" within "h1"
 
-    When I click node "./test.txt"
-    And I wait for ajax call complete
+    When I click the node with path "./test.txt"
     Then I should see "This is a test"
+    And I should see page title "Rwiki ./test.txt"
     And I should have the following open tabs:
       | home |
       | test |
 
   @javascript
   Scenario: Rename a page when tab is open
-    When I click node "./home.txt"
-    And I click node "./test.txt"
-    And I right click node "./home.txt"
+    When I click the node with path "./test.txt"
+    And I click the node with path "./home.txt"
+    Then I should see page title "Rwiki ./home.txt"
+
+    And I right click the node with path "./home.txt"
     And I follow "Rename node"
     Then I should see dialog box titled "Rename node"
 
-    When I fill in the dialog box input with "The new home"
-    And press "OK"
-    Then I should have the following open tabs:
-      | The new home |
+    When I fill in the input with "The new home" within the dialog box
+    And I press "OK" within the dialog box
+    Then I should see the node titled "The new home"
+    And I should have the following open tabs:
       | test         |
+      | The new home |
+    And I should see page title "Rwiki ./The new home.txt"
 
   @javascript
   Scenario: Rename a folder
-    When I right click node "./folder"
+    When I double click the node with path "./folder"
+    And I click the node with path "./folder/test.txt"
+    Then I should see page title "Rwiki ./folder/test.txt"
+
+    When I right click the node with path "./folder"
     And I follow "Rename node"
     Then I should see dialog box titled "Rename node"
 
-    When I fill in the dialog box input with "The new folder name"
-    And press "OK"
-    Then I should see "The new folder name"
+    When I fill in the input with "The new folder name" within the dialog box
+    And I press "OK" within the dialog box
+    Then I should see the node titled "The new folder name"
+    Then I should see page title "Rwiki ./The new folder name/test.txt"
 
-    When I double click node "./The new folder name"
-    And I click node "./The new folder name/test.txt"
-    And I wait for ajax call complete
+    When I double click the node with path "./The new folder name"
+    And I click the node with path "./The new folder name/test.txt"
     Then I should see "Test 1" within "h3"
 
-    When I reload the page
-    And I wait for ajax call complete
-    And I double click node "./The new folder name"
-    And I click node "./The new folder name/test.txt"
-    And I wait for ajax call complete
+    When I reload the application
+    Then I should see the node titled "The new folder name"
+    And I double click the node with path "./The new folder name"
+    And I click the node with path "./The new folder name/test.txt"
     Then I should see "Test 1" within "h3"
-
     

data/features/step_definitions/common_steps.rb

@@ -1,64 +1,36 @@
-When /^I wait for (\d+) second$/ do |n|
-  sleep(n.to_i)
+Then /^I enter the break point$/ do
+  debugger
+  p 'debugger'
 end
 
-When /^I reload the page$/ do
+When /^I open the application$/ do
   When %Q{I go to the home page}
-  And %Q{I wait for ajax call complete}
 end
 
-Given /^I wait for ajax call complete$/ do
-  timeout = 10
-  wait_until(timeout) do
-    ajax_in_progress = Capybara.current_session.evaluate_script <<-JS
-      Rwiki.ajaxCallInProgress
-    JS
-
-    !ajax_in_progress
-  end
-end
-
-When /^I double click node "([^"]*)"$/ do |path|
-  node_id = Capybara.current_session.evaluate_script <<-JS
-    Rwiki.treePanel.findNodeByPath('#{path}').id
-  JS
-
-  Capybara.current_session.execute_script <<-JS
-    $("div[ext\\\\:tree-node-id='#{node_id}']").trigger("dblclick")
-  JS
-end
-
-When /^I click node "([^"]*)"$/ do |path|
-  node_id = Capybara.current_session.evaluate_script <<-JS
-    Rwiki.treePanel.findNodeByPath('#{path}').id
-  JS
-
+When /^I reload the application$/ do
   Capybara.current_session.execute_script <<-JS
-    $("div[ext\\\\:tree-node-id='#{node_id}']").trigger("click")
+    window.location.reload();
   JS
 end
 
-When /^I right click node "([^"]*)"$/ do |path|
-  Capybara.current_session.execute_script <<-JS
-    var node = Rwiki.treePanel.findNodeByPath('#{path}')
-    Rwiki.treePanel.fireEvent('contextmenu', node, { getXY: function() { return [0,0] } })
-  JS
+When /^I open the application for page with path "([^"]*)"$/ do |path|
+  visit('/#' + path)
 end
 
-Then /^I should have the following open tabs:$/ do |table|
-  actual_table = table(tableish("div.x-tab-panel ul li[@class!='x-tab-edge']", "a.x-tab-right"))
-  table.diff!(actual_table)
+Then /^I should see dialog box titled "([^"]*)"$/ do |title|
+  %Q{Then I should see "#{title}" within "span.x-window-header-text"}
 end
 
-Then /^I should have no open tabs$/ do
-  page.all("div.x-tab-panel ul li[class!='x-tab-edge']").size.should == 0
+Then /^I should see page title "([^"]*)"$/ do |title|
+  find("title").text.should == title
 end
 
-Then /^I should see dialog box titled "([^"]*)"$/ do |title|
-  %Q{Then I should see "#{title}" within "span.x-window-header-text"}
-end
+When /^I create a new page title "([^"]*)" for the node with path "([^"]*)"$/ do |title, path|
+  When %{I right click the node with path "#{path}"}
+  And %{I follow "Create page"}
+  Then %{I should see dialog box titled "Create page"}
 
-When /^I fill in the dialog box input with "([^"]*)"$/ do |text|
-  field = find("div.x-window-dlg input")
-  field.set(text)
+  When %{I fill in the input with "#{title}" within the dialog box}
+  And %{I press "OK" within the dialog box}
+  Then %{I should see the node titled "#{title}"}
 end

data/features/step_definitions/common_transforms.rb

@@ -0,0 +1,5 @@
+Transform /^the node with path "([^"]*)"$/ do |path|
+  Capybara.current_session.evaluate_script <<-JS
+    Rwiki.treePanel.findNodeByPath('#{path}').id;
+  JS
+end

data/features/step_definitions/dialog_box_steps.rb

@@ -0,0 +1,16 @@
+When /^I fill in the input with "([^"]*)" within the dialog box$/ do |text|
+  field = find('div.x-window-dlg input')
+  field.set(text)
+end
+
+When /^I press "([^"]*)" within the dialog box$/ do |button|
+  When %{I press "#{button}" within "div.x-window-dlg"}
+end
+
+Then /^I should see the window titled "([^"]*)"$/ do |title|
+  page.find("span.x-window-header-text").text.should == title
+end
+
+Then /^I should not see the window$/ do
+  page.should have_no_css('div.x-window', :visible => true)
+end

data/features/step_definitions/history_steps.rb

@@ -0,0 +1,11 @@
+When /^I press the browser back button$/ do
+  Capybara.current_session.evaluate_script <<-JS
+    history.back();
+  JS
+end
+
+When /^I press the browser forward button$/ do
+  Capybara.current_session.evaluate_script <<-JS
+    history.forward();
+  JS
+end

data/features/step_definitions/tab_panel_steps.rb

@@ -0,0 +1,27 @@
+When /^I close tab for page "([^"]*)"$/ do |path|
+  tab_id = Capybara.current_session.evaluate_script <<-JS
+    Rwiki.tabPanel.findTabByPagePath('#{path}').tabEl.id;
+  JS
+
+  close_button = find("li##{tab_id} a.x-tab-strip-close")
+  # TODO try fix this workaround see http://groups.google.com/group/ruby-capybara/browse_thread/thread/985b123dc98d27b5
+  close_button.click rescue nil
+end
+
+When /^I click tab for page "([^"]*)"$/ do |path|
+  tab_id = Capybara.current_session.evaluate_script <<-JS
+    Rwiki.tabPanel.findTabByPagePath('#{path}').tabEl.id;
+  JS
+
+  tab = find("li##{tab_id}")
+  tab.click
+end
+
+Then /^I should have the following open tabs:$/ do |table|
+  actual_table = table(tableish("div.x-tab-panel ul li[@class!='x-tab-edge']", "a.x-tab-right"))
+  table.diff!(actual_table)
+end
+
+Then /^I should have no open tabs$/ do
+  page.all("div.x-tab-panel ul li[class!='x-tab-edge']").size.should == 0
+end

data/features/step_definitions/tree_panel_steps.rb

@@ -0,0 +1,42 @@
+Then /^I should see the node titled "([^"]*)"$/ do |title|
+  Then %{I should see "#{title}" within "div#tree"}
+end
+
+Then /^I should not see the node titled "([^"]*)"$/ do |title|
+  Then %{I should not see "#{title}" within "div#tree"}
+end
+
+When /^I double click (the node with path "(?:[^"]*)")$/ do |tree_node_id|
+  Capybara.current_session.execute_script <<-JS
+    $("div[ext\\\\:tree-node-id='#{tree_node_id}']").trigger("dblclick")
+  JS
+end
+
+When /^I click (the node with path "(?:[^"]*)")$/ do |tree_node_id|
+  Capybara.current_session.execute_script <<-JS
+    $("div[ext\\\\:tree-node-id='#{tree_node_id}']").trigger("click");
+  JS
+end
+
+When /^I right click the node with path "([^"]*)"$/ do |path|
+  Capybara.current_session.execute_script <<-JS
+    var node = Rwiki.treePanel.findNodeByPath('#{path}')
+    Rwiki.treePanel.fireEvent('contextmenu', node, { getXY: function() { return [0, 0] } });
+  JS
+end
+
+Then /^(the node with path "(?:[^"]*)") should be selected$/ do |tree_node_id|
+  div_id = Capybara.current_session.evaluate_script <<-JS
+    $('div[ext\\\\:tree-node-id="#{tree_node_id}"]').attr('id');
+  JS
+
+  page.has_css? "div##{div_id}.x-tree-selected"
+end
+
+Then /^(the node with path "(?:[^"]*)") should not be selected$/ do |tree_node_id|
+  div_id = Capybara.current_session.evaluate_script <<-JS
+    $('div[ext\\\\:tree-node-id="#{tree_node_id}"]').attr('id');
+  JS
+
+  page.has_no_css? "div##{div_id}.x-tree-selected"
+end

data/features/step_definitions/wait_steps.rb

@@ -0,0 +1,21 @@
+When /^I wait for (\d+) second$/ do |n|
+  sleep(n.to_i)
+end
+
+Given /^I wait for load the tree$/ do
+  timeout = 10
+  wait_until(timeout) do
+    Capybara.current_session.evaluate_script <<-JS
+      Rwiki.treeLoaded;
+    JS
+  end
+end
+
+Given /^I wait for load an ajax call complete$/ do
+  timeout = 10
+  wait_until(timeout) do
+    Capybara.current_session.evaluate_script <<-JS
+      Rwiki.ajaxCallCompleted;
+    JS
+  end
+end

data/features/support/env.rb

@@ -8,6 +8,7 @@ require File.expand_path(File.join(File.dirname(__FILE__), '../../test/tmpdir_he
 
 Rwiki::App.set(:environment, :test)
 
+Capybara.default_selector = :css
 Capybara.register_driver :selenium do |app|
   Capybara::Driver::Selenium
   profile = Selenium::WebDriver::Firefox::Profile.new
@@ -24,6 +25,11 @@ World do
 
   include TmpdirHelper
 
+  AfterStep do
+    Given %Q{I wait for load the tree}
+    And %Q{I wait for load an ajax call complete}
+  end
+
   Before do
     create_tmpdir!
   end

data/features/tab_panel.feature

@@ -0,0 +1,47 @@
+Feature: Tab Panel
+
+  Background:
+    Given I open the application
+
+  @javascript
+  Scenario: Close a tab
+    When I click the node with path "./home.txt"
+    And I click the node with path "./test.txt"
+
+    Then I should have the following open tabs:
+      | home |
+      | test |
+    And the node with path "./test.txt" should be selected
+
+    When I close tab for page "./test.txt"
+    Then I should have the following open tabs:
+      | home |
+    And the node with path "./test.txt" should be selected
+
+    When I close tab for page "./home.txt"
+    Then I should have no open tabs
+
+  @javascript
+  Scenario: Switching a tabs
+    When I click the node with path "./home.txt"
+    And I click the node with path "./test.txt"
+    Then I should see "This is a test"
+
+    When I click tab for page "./home.txt"
+    Then I should see "Sample page" within "h1"
+    And the node with path "./home.txt" should be selected
+    And the node with path "./test.txt" should not be selected
+
+    When I click tab for page "./test.txt"
+    Then I should see "This is a test"
+    And the node with path "./test.txt" should be selected
+    And the node with path "./home.txt" should not be selected
+
+  @javascript
+  Scenario: Close tab from context menu
+
+  @javascript
+  Scenario: Close other tabs from context menu
+
+  @javascript
+  Scenario: Close all tabs from context menu

data/features/tree_panel.feature

@@ -1,25 +1,24 @@
 Feature: Tree Panel
 
   Background:
-    Given I go to the home page
-    And I wait for ajax call complete
+    Given I open the application
 
   @javascript
   Scenario: Browsing a tree
     Then I should see "empty_folder"
-    And I should see "folder"
-    And I should see "subfolder"
-    And I should see "home"
-    And I should see "test"
+    And I should see the node titled "folder"
+    And I should see the node titled "subfolder"
+    And I should see the node titled "home"
+    And I should see the node titled "test"
 
-    And I should not see "ruby"
-    And I should not see "test 1"
-    And I should not see "test 2"
+    And I should not see the node titled "ruby"
+    And I should not see the node titled "test 1"
+    And I should not see the node titled "test 2"
 
-    When I double click node "./folder"
-    Then I should see "test"
-    And I should see "test 1"
-    And I should see "test 2"
+    When I double click the node with path "./folder"
+    Then I should see the node titled "test"
+    And I should see the node titled "test 1"
+    And I should see the node titled "test 2"
 
-    When I double click node "./folder/subfolder"
-    Then I should see "ruby"
+    When I double click the node with path "./folder/subfolder"
+    Then I should see the node titled "ruby"