rwiki 0.2.4 → 0.2.5

data/features/move_page.feature

@@ -0,0 +1,36 @@
+Feature: Move the tree node
+
+  Background:
+    Given I open the application
+
+  Scenario Outline: Move the tree node
+    When I move the tree node "<path>" to "<new_parent_path>"
+    And I reload the application
+    And I open the page "<new_path>"
+    Then I should see a content for the page "<new_path>"
+
+  Examples:
+    | path                                         | new_parent_path      | new_path                         |
+    | /Home/Personal stuff                         | /Home/Development    | /Home/Development/Personal stuff |
+    | /Home/Development                            | /Home/Personal stuff | /Home/Personal stuff/Development |
+    | /Home/About                                  | /Home/Personal stuff | /Home/Personal stuff/About       |
+    | /Home/Personal stuff/Notes                   | /Home/Development    | /Home/Development/Notes          |
+    | /Home/Development/Programming Languages/Ruby | /Home                | /Home/Ruby                       |
+
+  Scenario Outline: Move the node when tabs are opened
+    When I open the page "/Home/Development/Programming Languages/Java"
+    And I open the page "/Home/Development/Programming Languages/JavaScript"
+    And I open the page "/Home/Development/Programming Languages/Python"
+    And I open the page "/Home/Development/Programming Languages/Ruby"
+
+    When I move the tree node "/Home/Development/Programming Languages" to "/Home"
+
+    When I click a tab for page "<path>"
+    Then I should see a content for the page "<path>"
+
+  Examples:
+    | path                                   |
+    | /Home/Programming Languages/Java       |
+    | /Home/Programming Languages/JavaScript |
+    | /Home/Programming Languages/Python     |
+    | /Home/Programming Languages/Ruby       |

data/features/rename_node.feature

@@ -0,0 +1,78 @@
+Feature: Rename a node
+
+  # TODO refactor this feature
+  Background:
+    Given I open the application
+
+  Scenario Outline: Rename a page
+    When I open the page "<path>"
+    Then I should see the application title "Rwiki <path>"
+
+    When I right click the tree node "<path>"
+    And I follow "Rename page"
+    Then I should see dialog box titled "Rename page"
+
+    When I fill in the input with "<new_name>" within the dialog box
+    And I press "OK" within the dialog box
+    Then I should see the page titled "<new_name>"
+    And I should see the application title "Rwiki <new_path>"
+    And I should have the following open tabs:
+      | <new_name> |
+
+    When I reload the application
+    And I expand the parent for the tree node "<new_path>"
+    And I click the tree node "<new_path>"
+    Then I should see a content for the page "<new_path>"
+
+  Examples:
+    | path                                           | new_name      | new_path                                             |
+    | /Home/About                                    | The new About | /Home/The new About                                  |
+    | /Home/Development                              | Geek stuff    | /Home/Geek stuff                                     |
+    | /Home/Development/Programming Languages        | Programming   | /Home/Development/Programming                        |
+    | /Home/Development/Programming Languages/Python | Crunchy frog  | /Home/Development/Programming Languages/Crunchy frog |
+    | /Home/Development/Databases                    | DB            | /Home/Development/DB                                 |
+
+  Scenario: Rename a page to existing name
+    When I right click the tree node "/Home/About"
+    And I follow "Rename page"
+    Then I should see dialog box titled "Rename page"
+
+    When I fill in the input with "Personal stuff" within the dialog box
+    And I press "OK" within the dialog box
+
+    When I reload the application
+    And I should see "About"
+    And I should see "Personal stuff"
+
+    When I click the tree node "/Home"
+    And I should see a content for the page "/Home"
+
+    When I click the tree node "/Home/About"
+    Then I should see a content for the page "/Home/About"
+    And I should see the application title "Rwiki /Home/About"
+    And I should have the following open tabs:
+      | Home  |
+      | About |
+
+  Scenario Outline: Rename the parent page
+    When I open the page "/Home/Development/Programming Languages/Java"
+    And I open the page "/Home/Development/Programming Languages/JavaScript"
+    And I open the page "/Home/Development/Programming Languages/Python"
+    And I open the page "/Home/Development/Programming Languages/Ruby"
+
+    When I right click the tree node "/Home/Development/Programming Languages"
+    And I follow "Rename page"
+    Then I should see dialog box titled "Rename page"
+
+    When I fill in the input with "Programming" within the dialog box
+    And I press "OK" within the dialog box
+
+    When I click a tab for page "<path>"
+    Then I should see a content for the page "<path>"
+
+  Examples:
+    | path                                     |
+    | /Home/Development/Programming/Java       |
+    | /Home/Development/Programming/JavaScript |
+    | /Home/Development/Programming/Python     |
+    | /Home/Development/Programming/Ruby       |

data/features/step_definitions/common_steps.rb

@@ -7,8 +7,54 @@ Given /^this scenario is pending$/ do
   pending # always
 end
 
+When /^I wait for (\d+) second$/ do |n|
+  sleep(n.to_i)
+end
+
+# TODO dry this steps
+When /^I wait for load the page$/ do
+  condition = lambda { page.all('div.ext-el-mask-msg', :visible => true).empty? rescue true }
+  sleep 0.5 # wait for the mask
+  unless condition.call
+    Then %{I should see "Loading page:" within "div.ext-el-mask-msg"}
+    wait_until(10, &condition)
+  end
+  sleep 0.5 # wait for insert the page to the DOM
+end
+
+When /^I wait for save the page$/ do
+  condition = lambda { page.all('div.ext-el-mask-msg', :visible => true).empty? rescue true }
+  sleep 0.5 # wait for the mask
+  unless condition.call
+    Then %{I should see "Saving page:" within "div.ext-el-mask-msg"}
+    wait_until(10, &condition)
+  end
+  sleep 0.5 # wait for insert the page to the DOM
+end
+
+When /^I wait for create the page$/ do
+  condition = lambda { page.all('div.ext-el-mask-msg', :visible => true).empty? rescue true }
+  sleep 0.5 # wait for the mask
+  unless condition.call
+    Then %{I should see "Creating page:" within "div.ext-el-mask-msg"}
+    wait_until(10, &condition)
+  end
+  sleep 0.5 # wait for insert the page to the DOM
+end
+
+
 When /^I open the application$/ do
   When %Q{I go to the home page}
+  Then %{I should see disabled "Edit page" toolbar button}
+  And %{I should see disabled "Print page" toolbar button}
+
+  Given %{the connection is slow}
+end
+
+When /^the connection is slow$/ do
+  Capybara.current_session.execute_script <<-JS
+    Rwiki.Debug.emulateSlowConnection(true);
+  JS
 end
 
 When /^I reload the application$/ do
@@ -17,32 +63,42 @@ When /^I reload the application$/ do
   JS
 end
 
-When /^I open the application for page with path "([^"]*)"$/ do |path|
-  visit('/#' + path)
+When /^I open the application for page "([^"]*)"$/ do |path|
+  visit('/page/' + path)
+  And %{I wait for load the page}
 end
 
 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 see page title "([^"]*)"$/ do |title|
+Then /^I should see the application title "([^"]*)"$/ do |title|
   find("title").text.should == title
 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 create a new page titled "([^"]*)" for the parent "([^"]*)"$/ do |title, path|
+  When %{I right click the tree node "#{path}"}
+  And %{I follow "Add page"}
+  Then %{I should see dialog box titled "Add page"}
 
   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}"}
+  And %{I wait for load the page}
+  Then %{I should see the page titled "#{title}"}
 end
 
-Then /^I should see generated content for the node with path "([^"]*)"$/ do |path|
-  # TODO refactor this code
-  wiki_page_html = Rwiki::Models::Page.new(path).to_html.gsub(/([^>]*)(?=<[^>]*?>)/im, '')
-  page_html = Nokogiri::HTML(page.body).css('div.page-container:not(.x-hide-display)').first.inner_html.gsub(/([^>]*)(?=<[^>]*?>)/im, '')
+Then /^I should see a content for the page "([^"]*)"$/ do |path|
+  require 'lorax'
+  require 'ap'
+
+  expected_html = Rwiki::Page.new(path).html_content
+  expected_html = "<div>#{expected_html}</div>"
+  actual_html = Nokogiri::HTML(page.body).css('div.page-container:not(.x-hide-display)').first.inner_html
+  actual_html = "<div>#{actual_html}</div>"
 
-  page_html.should == wiki_page_html
+  result = Lorax.diff(expected_html, actual_html)
+  unless result.deltas.empty?
+    ap result.deltas
+  end
+  result.deltas.should be_empty
 end

data/features/step_definitions/dialog_box_steps.rb

@@ -15,7 +15,7 @@ When /^I press "([^"]*)" within the dialog box$/ do |button|
 end
 
 Then /^I should see the window titled "([^"]*)"$/ do |title|
-  page.find("span.x-window-header-text").text.should == title
+  page.find("div.x-window span.x-window-header-text").text.should == title
 end
 
 Then /^I should not see the window$/ do

data/features/step_definitions/history_steps.rb

@@ -2,10 +2,14 @@ When /^I press the browser back button$/ do
   Capybara.current_session.evaluate_script <<-JS
     history.back();
   JS
+
+  And %{I wait for load the page}
 end
 
 When /^I press the browser forward button$/ do
   Capybara.current_session.evaluate_script <<-JS
     history.forward();
   JS
+
+  And %{I wait for load the page}
 end

data/features/step_definitions/tab_panel_steps.rb

@@ -1,4 +1,4 @@
-When /^I close tab for page "([^"]*)"$/ do |path|
+When /^I close a tab for node "([^"]*)"$/ do |path|
   tab_id = Capybara.current_session.evaluate_script <<-JS
     Rwiki.tabPanel.findTabByPagePath('#{path}').tabEl.id;
   JS
@@ -8,7 +8,8 @@ When /^I close tab for page "([^"]*)"$/ do |path|
   close_button.click rescue nil
 end
 
-When /^I click tab for page "([^"]*)"$/ do |path|
+# TODO rename this step
+When /^I click a tab for page "([^"]*)"$/ do |path|
   tab_id = Capybara.current_session.evaluate_script <<-JS
     Rwiki.tabPanel.findTabByPagePath('#{path}').tabEl.id;
   JS
@@ -29,3 +30,12 @@ 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
+
+# TODO rename this scenario
+When /^I right click the tab with path "([^"]*)"$/ do |path|
+  Capybara.current_session.execute_script <<-JS
+    var tab = Rwiki.tabPanel.findTabByPagePath('#{path}');
+    var eventStub = { stopEvent: function() {}, getPoint: function() { return [0, 0] } };
+    Rwiki.tabPanel.fireEvent('contextmenu', Rwiki.tabPanel, tab, eventStub)
+  JS
+end

data/features/step_definitions/toolbar_steps.rb

@@ -0,0 +1,7 @@
+Given /^I should see disabled "([^"]*)" toolbar button$/ do |title|
+  page.find(:xpath, "//button[contains(., '#{title}')]/../../../../..[contains(@class, 'x-item-disabled')]")
+end
+
+When /^I should see enabled "([^"]*)" toolbar button$/ do |title|
+  page.find(:xpath, "//button[contains(., '#{title}')]/../../../../..[not(contains(@class, 'x-item-disabled'))]")
+end

data/features/step_definitions/tree_panel_steps.rb

@@ -1,65 +1,97 @@
-When /^I expand the parent for the node with path "([^"]*)"$/ do |path|
-  parts = path.split('/')[0..-2]
+Transform /^the tree node "([^"]*)"$/ do |path|
+  Capybara.current_session.execute_script <<-JS
+    // get the ExtJS internal tree node id
+    var node = Rwiki.treePanel.findNodeByPath('#{path}');
+    // get the corresponding div id
+    return node.ui.elNode.id;
+  JS
+end
+
+When /^I expand the parent for the tree node "([^"]*)"$/ do |path|
+  # TODO Here be dragons, refactor this part of the code
+  path.gsub!(/^\//, '')
+  parts = path.split('/')
+  parts[0] = "/" + parts[0]
+
   parts.each_index do |i|
     partial_path = parts[0..i].join('/')
 
-    # check if node is expanded
-    is_expanded = Capybara.current_session.evaluate_script <<-JS
-      node = Rwiki.treePanel.findNodeByPath('#{partial_path}').isExpanded();
-    JS
-
-    unless is_expanded
-      Then %{I double click the node with path "#{partial_path}"}
-    end
+    When %{I expand the tree node "#{partial_path}"}
   end
 end
 
-When /^I open the page for the tree node with path "([^"]*)"$/ do |path|
-  When %{I expand the parent for the node with path "#{path}"}
-  And %{I click the node with path "#{path}"}
-  And %{I should see page title "Rwiki #{path}"}
-  And %{I should see generated content for the node with path "#{path}"}
+When /^I expand (the tree node "(?:[^"]*)")$/ do |el_node_id|
+  ec_selector = "div##{el_node_id} img.x-tree-ec-icon.x-tree-elbow-plus"
+  ec_last_selector = "div##{el_node_id} img.x-tree-ec-icon.x-tree-elbow-end-plus"
+
+  expand_node_icon = (page.all(ec_selector) | page.all(ec_last_selector)).first
+  expand_node_icon.click if expand_node_icon
 end
 
-Then /^I should see the node titled "([^"]*)"$/ do |title|
+When /^I open the page "([^"]*)"$/ do |path|
+  When %{I expand the parent for the tree node "#{path}"}
+  And %{I click the tree node "#{path}"}
+  Then %{I should see the page "#{path}"}
+end
+
+Then /^I should see the page "([^"]*)"$/ do |path|
+  Then %{I should see a content for the page "#{path}"}
+  And %{I should see the application title "Rwiki #{path}"}
+
+  And %{I should see enabled "Edit page" toolbar button}
+  And %{I should see enabled "Print page" toolbar button}
+end
+
+Then /^I should see the page 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 the tree 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
+When /^I click (the tree node "(?:[^"]*)")$/ do |el_node_id|
+  page.find("div##{el_node_id}").click
+  And %{I wait for load the page}
 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 tree node "([^"]*)")$/ do |el_node_id, path|
+  element = page.find("div##{el_node_id}")
+  location = element.native.location
 
-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] } });
+    var eventStub = { getXY: function() { return [#{location.x}, #{location.y}] } };
+    Rwiki.treePanel.fireEvent('contextmenu', node, eventStub);
   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
+Then /^(the tree node "(?:[^"]*)") should be selected$/ do |el_node_id|
+  page.has_css? "div##{el_node_id}.x-tree-selected"
+end
 
-  page.has_css? "div##{div_id}.x-tree-selected"
+Then /^(the tree node "(?:[^"]*)") should not be selected$/ do |el_node_id|
+  page.has_no_css? "div##{el_node_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');
+When /^I move the tree node "([^"]*)" to "([^"]*)"$/ do |path, parent_path|
+  Capybara.current_session.execute_script <<-JS
+    var node = Rwiki.treePanel.findNodeByPath('#{path}');
+    var parentNode = Rwiki.treePanel.findNodeByPath('#{parent_path}');
+
+    parentNode.appendChild(node);
   JS
+end
+
+Then /^for (the tree node "(?:[^"]*)") I should see following nodes:$/ do |el_node_id, table|
+  sleep 0.5 # wait for node the expanding animation finish
+  actual_table = table(tableish("div##{el_node_id} + ul.x-tree-node-ct a", "span"))
+  table.diff!(actual_table)
+end
+
+When /^I fill in the tree filter with "([^"]*)"$/ do |text|
+  input_selector = 'td.x-toolbar-left input'
 
-  page.has_no_css? "div##{div_id}.x-tree-selected"
+  field = find(input_selector)
+  field.set(text)
 end

data/features/support/env.rb

@@ -4,36 +4,46 @@ require 'rspec'
 require 'cucumber/web/tableish'
 require 'capybara'
 require 'capybara/cucumber'
-require File.expand_path(File.join(File.dirname(__FILE__), '../../test/tmpdir_helper'))
-
-Rwiki::App.set(:environment, :test)
-
-Capybara.default_selector = :css
 
+# Selenium setup
 require 'selenium/webdriver'
 Capybara.register_driver :selenium do |app|
   profile = Selenium::WebDriver::Firefox::Profile.new
+  load_firebug_extension = false
+  profile.add_extension File.expand_path(File.join(File.dirname(__FILE__), 'firebug-1.6.1-fx.xpi')) if load_firebug_extension
   Capybara::Driver::Selenium.new(app, :profile => profile)
 end
+Capybara.default_driver = :selenium
 
 World do
+  Rwiki::App.set(:environment, :test)
+  Rwiki::App.set(:logging, false) # do not output logs on the STDOUT
+
   Capybara.app = Rwiki::App
 
   include RSpec::Expectations
   include RSpec::Matchers
 
+  require File.expand_path(File.join(File.dirname(__FILE__), '../../spec/support/tmpdir_helper'))
   include TmpdirHelper
 
-  AfterStep do
-    Given %Q{I wait for load the tree}
-    And %Q{I wait for an ajax call complete}
-  end
-
   Before do
     create_tmpdir!
   end
 
-  After do
-    remove_tmpdir!
+  After do |scenario|
+    if scenario.failed?
+      screenshots_dir = File.expand_path(File.join(File.dirname(__FILE__), '..', 'reports', 'screenshots'))
+      FileUtils.mkdir_p(screenshots_dir) unless Dir.exists?(screenshots_dir)
+
+      feature_file = if scenario.is_a?(Cucumber::Ast::OutlineTable::ExampleRow)
+        scenario.scenario_outline.feature.file
+       else
+        scenario.feature.file
+       end
+
+      file_name = "#{feature_file.split('/').last}-#{scenario.line}.png"
+      page.driver.browser.save_screenshot(File.join(screenshots_dir, file_name))
+    end
   end
 end