kiteditor 1.0.11 → 1.0.12

data/features/support/aruba.rb

@@ -0,0 +1,28 @@
+BUNDLE_ENV_VARS = %w(RUBYOPT BUNDLE_PATH BUNDLE_BIN_PATH BUNDLE_GEMFILE)
+ORIGINAL_BUNDLE_VARS = Hash[ENV.select{ |key,value| BUNDLE_ENV_VARS.include?(key) }]
+
+Before do
+  if ! ENV['BUNDLE_GEMFILE'].include?(Dir.pwd)
+    ENV['BUNDLE_GEMFILE'] = File.join(Dir.pwd, ENV['BUNDLE_GEMFILE'])
+  end
+end
+
+After do
+  ORIGINAL_BUNDLE_VARS.each_pair do |key, value|
+    ENV[key] = value
+  end
+end
+
+When /^I reset Bundler environment variable$/ do
+  BUNDLE_ENV_VARS.each do |key|
+    ENV[key] = nil
+  end
+end
+
+Before do
+  @aruba_timeout_seconds = 20
+end
+
+Before('@slow') do
+  @aruba_timeout_seconds = 180
+end

data/features/support/env.rb

@@ -4,14 +4,16 @@
 # instead of editing this one. Cucumber will automatically load all features/**/*.rb
 # files.
 
+ENV["RAILS_ROOT"] = File.expand_path('../../../spec/dummy', __FILE__)
 require 'cucumber/rails'
 require 'capybara/firebug'
+require 'aruba/cucumber'
 
 # You can enable firebug in your tests by tagging them @firebug.
 # To change the version of firebug use the FIREBUG_VERSION environment variable.
 # For firefox 4+ use 1.7.0
 # For firefox 3 use 1.6.2
-Selenium::WebDriver::Firefox::Profile.firebug_version = ENV['FIREBUG_VERSION'] || '1.8.3'
+# Selenium::WebDriver::Firefox::Profile.firebug_version = ENV['FIREBUG_VERSION'] || '1.8.3'
 
 # Capybara defaults to XPath selectors rather than Webrat's default of CSS3. In
 # order to ease the transition to Capybara we set the default here. If you'd
@@ -44,3 +46,11 @@ begin
 rescue NameError
   raise "You need to add database_cleaner to your Gemfile (in the :test group) if you wish to use it."
 end
+
+Before('@use_hidden_elements') do
+  Capybara.ignore_hidden_elements = false
+end
+
+After('@use_hidden_elements') do
+  Capybara.ignore_hidden_elements = true
+end

data/features/support/selectors.rb

@@ -39,6 +39,29 @@ module HtmlSelectorsHelpers
                       "Now, go and add a mapping in #{__FILE__}"
     end
   end
+
+  def region_selector_for(locator)
+    return '#full_1' if locator.blank? || locator == 'the region'
+    case locator.downcase
+
+      when 'the first full region', 'the full region' then '#full_1'
+      when 'the first markdown region', 'the markdown region' then '#markdown_1'
+      when 'the first snippets region', 'the first snippet region', 'the snippets region', 'the snippet region' then '#snippets_1'
+
+      else locator
+    end
+  end
+
+  def snippet_name_for(locator)
+    case locator.downcase
+
+      when 'the example snippet' then 'example'
+      when 'the snippet with no options' then 'no_options'
+
+      else locator
+    end
+  end
+
 end
 
 World(HtmlSelectorsHelpers)

data/lib/generators/mercury/install/authentication/authentication_generator.rb

@@ -0,0 +1,17 @@
+require "mercury/engine"
+
+module Mercury
+  module Generators
+    module Install
+      class AuthenticationGenerator < Rails::Generators::Base
+        source_root Mercury::Engine.root
+
+        desc "Installs an authentication example so you can restrict access to editing."
+
+        def copy_authentication_overrides
+          copy_file 'lib/mercury/authentication.rb'
+        end
+      end
+    end
+  end
+end

data/lib/generators/mercury/install/images/images_generator.rb

@@ -0,0 +1,47 @@
+require 'rails/generators/active_record'
+module Mercury
+  module Generators
+    module Install
+      class ImagesGenerator < Rails::Generators::Base
+        include Rails::Generators::Migration
+        source_root File.expand_path("../templates", __FILE__)
+
+        desc "Installs image processing migrations and model."
+
+        class_option :orm, :default => 'active_record', :banner => 'mongoid',
+                     :desc => 'ORM for required models -- active_record, or mongoid'
+
+        def copy_models
+          if options[:orm] == 'mongoid'
+            copy_file 'mongoid_paperclip_image.rb', 'app/models/mercury/image.rb'
+          else
+            copy_file 'ar_paperclip_image.rb', 'app/models/mercury/image.rb'
+            migration_template 'ar_paperclip_image_migration.rb', 'db/migrate/create_mercury_images.rb'
+          end
+        end
+
+        def copy_controller
+          copy_file 'images_controller.rb', 'app/controllers/mercury/images_controller.rb'
+        end
+
+        def add_routes
+          route %Q{  namespace :mercury do
+      resources :images
+    end}
+        end
+
+        def add_gemfile_dependencies
+          append_to_file "Gemfile", %Q{gem 'paperclip'}
+          if options[:orm] == 'mongoid'
+            append_to_file "Gemfile", %Q{gem 'mongoid-paperclip', :require => 'mongoid_paperclip'}
+          end
+        end
+
+        # Implement the required interface for Rails::Generators::Migration.
+        def self.next_migration_number(dirname) #:nodoc:
+          ActiveRecord::Generators::Base.next_migration_number(dirname)
+        end
+      end
+    end
+  end
+end

data/{app/models/mercury/image.rb → lib/generators/mercury/install/images/templates/ar_paperclip_image.rb}

@@ -1,9 +1,16 @@
+# not used maybe???
+#
 class Mercury::Image < ActiveRecord::Base
  
 
   #self.table_name = :mercury_images
 
   #has_attached_file :image, :styles => { :medium => "300x300>", :large=>"600x600>", :thumb => "100x100>" }
+  attr_accessible :image
+
+  has_attached_file :image, :styles => { :medium => "300x300>", :thumb => "100x100>" },
+        :path => ":rails_root/public/system/:attachment/:id/:style/:filename",
+        :url => "/system/:attachment/:id/:style/:filename"
 
   #delegate :url, :to => :image
 

data/lib/generators/mercury/install/install_generator.rb

@@ -1,3 +1,5 @@
+require "mercury/engine"
+
 module Mercury
   module Generators
     class InstallGenerator < Rails::Generators::Base
@@ -5,38 +7,25 @@ module Mercury
 
       desc "Installs Mercury into your application by copying the configuration file."
 
-      class_option :orm, :default => 'active_record', :banner => 'mongoid',
-                   :desc => 'ORM for required models -- active_record, or mongoid'
-
       class_option :full, :type => :boolean, :aliases => '-g',
-                   :desc => 'Full installation will install the layout and css overrides for easier customization.'
+                   :desc => 'Full installation will install the layout and css files for easier customization.'
+
+      class_option :template_engine, :type => :string,
+                   :desc => 'Set preferred template engine for layout instead of ERB (haml or slim)'
 
       def copy_config
-        copy_file 'vendor/assets/javascripts/mercury.js', 'app/assets/javascripts/mercury.js'
+        copy_file 'app/assets/javascripts/mercury.js'
       end
 
       def add_routes
-        route %Q{Mercury::Engine.routes}
-      end
-
-      def copy_models
-        if options[:orm] == 'mongoid'
-          copy_file 'lib/generators/mercury/install/templates/mongoid_paperclip_image.rb', 'app/models/mercury/image.rb'
-        else
-          copy_file 'app/models/mercury/image.rb' if options[:full]
-        end
+        route %Q{mount Mercury::Engine => '/'}
       end
 
       def copy_layout_and_css_overrides
-        if options[:full] || yes?("Install the layout and CSS overrides files? [yN]")
-          copy_file 'app/views/layouts/mercury.html.erb', 'app/views/layouts/mercury.html.erb'
-          copy_file 'vendor/assets/stylesheets/mercury_overrides.css', 'app/assets/stylesheets/mercury_overrides.css'
-        end
-      end
-
-      def copy_authentication_overrides
-        if options[:full] || yes?("Install the authentication file so you can restrict access to editing? [yN]")
-          copy_file 'lib/mercury/authentication.rb'
+        if options[:full] || yes?("Install the layout file and CSS? [yN]")
+          layout_ext = options[:template_engine] || 'erb'
+          copy_file "app/views/layouts/mercury.html.#{layout_ext}"
+          copy_file 'app/assets/stylesheets/mercury.css'
         end
       end
 

data/lib/mercury-rails.rb

@@ -1,3 +1,2 @@
-require 'paperclip'
+require 'mercury/rails'
 
-require File.expand_path('../config/engine', File.dirname(__FILE__))

data/lib/mercury/authentication.rb

@@ -4,5 +4,6 @@ module Mercury
     def can_edit?
       true # check here to see if the user is logged in/has access
     end
+
   end
 end

data/lib/mercury/cucumber/step_definitions.rb

@@ -0,0 +1,13 @@
+require 'xpath'
+
+World(ActionController::RecordIdentifier)
+
+# require support files
+Dir[File.join(File.dirname(__FILE__), 'support', '*')].each do |file|
+  require file
+end
+
+# require the common step defintions
+Dir[File.join(File.dirname(__FILE__), 'step_definitions', '*')].each do |file|
+  require file
+end

data/lib/mercury/cucumber/step_definitions/mercury_steps.rb

@@ -0,0 +1,408 @@
+## Mercury general steps
+#------------------------------------------------------------------------------
+Given /^(?:|I )adjust the configuration to have: \{([^\}]*)\}$/ do |javascript|
+  Rails.application.config.mercury_config = JSON.parse("{#{javascript}}")
+end
+
+# scoping step for the mercury content frame
+When /^(.*) in the content frame$/ do |s|
+  page.driver.within_frame('mercury_iframe') do
+    step(s)
+  end
+end
+
+# silence mercury's onbeforeunload confirmation
+Given /^the editor won't prompt when leaving the page$/ do
+  page.driver.execute_script('Mercury.silent = true;')
+end
+
+
+## Toolbar specific steps
+#------------------------------------------------------------------------------
+# for the select dropdowns
+When /^(?:|I )select (.*?) from the dropdown$/ do |locator|
+  selector = selector_for(locator)
+  find(selector, :message => "Unable to locate the element '#{selector}' to click on").click
+end
+
+
+## Panel specific steps
+#------------------------------------------------------------------------------
+When /^(?:I )(?:open|close|toggle) the (.*?) panel$/ do |panel_locator|
+  step(%Q{I click on the "#{panel_locator}" button})
+end
+
+
+## Modal specific steps
+#------------------------------------------------------------------------------
+When /^(?:I )close the modal(?: window)?$/ do
+  step(%Q{I click on the modal close button})
+end
+
+
+## Region specific steps
+#------------------------------------------------------------------------------
+# setting content
+Given /^the content of (.*?) (?:is|are|has|includes) (.*?)$/ do |region_locator, contents|
+  step(%Q{I set the contents of #{region_locator} to #{contents}})
+end
+
+When /^(?:|I )(?:change|set) the contents? of (.*?) to (.*?)$/ do |region_locator, contents|
+  region_id = region_selector_for(region_locator).gsub('#', '')
+  content = contents[0] == '"' ? contents : "\"#{contents_for(contents)}\""
+  page.driver.within_frame('mercury_iframe') do
+    find("##{region_id}", :message => "Unable to locate a region matching '##{region_id}'")
+    page.driver.execute_script <<-JAVASCRIPT
+      var element = top.jQuery(document).find('##{region_id}');
+      if (element.data('type') == 'markdown') {
+        element.find('textarea').val(#{content});
+      } else {
+        var region = top.mercuryInstance.getRegionByName('#{region_id}');
+        region.content(#{content});
+      }
+    JAVASCRIPT
+  end
+end
+
+When /^(?:|I )focus on (.*?)$/ do |region_locator|
+  step(%Q{I can simulate complex javascript events})
+  region_selector = region_selector_for(region_locator)
+  page.driver.within_frame('mercury_iframe') do
+    page.driver.execute_script <<-JAVASCRIPT
+      top.jQuery(document).find('#{region_selector}').simulate('mouseup')
+    JAVASCRIPT
+  end
+end
+
+# setting/making selections
+When /^(?:|I )(?:make|have) a selection$/ do
+  step(%Q{I have a selection for "span"})
+end
+
+When /^(?:|I )(?:make|have) a selection (?:in (.*?) )?for "([^"]*)"$/ do |region_locator, selector|
+  step(%Q{I can simulate complex javascript events})
+  # assume the first full region if one wasn't provided'
+  region_selector = region_selector_for(region_locator)
+  page.driver.within_frame('mercury_iframe') do
+    find("#{region_selector}", :message => "Unable to locate a region matching '#{region_selector}'")
+    find("#{region_selector} #{selector}", :message => "Unable to locate a match for '#{selector}' inside '#{region_locator}'")
+    page.driver.execute_script <<-JAVASCRIPT
+      var element = top.jQuery(document).find('#{region_selector}');
+      if (element.data('type') == 'markdown') {
+        alert('unimplemented');
+        throw('unimplemented');
+      } else {
+        var selectedElement = element.find('#{selector}');
+        var selection = new top.Mercury.Regions.Full.Selection(window.getSelection(), document);
+        selection.selectNode(selectedElement.get(0));
+        selectedElement.simulate('mouseup');
+      }
+    JAVASCRIPT
+  end
+end
+
+# other events
+When /^(?:|I )double click on (.*?) in (.*?)$/ do |locator, region_locator|
+  step(%Q{I can simulate complex javascript events})
+  selector = selector_for(locator)
+  # assume the first full region if one wasn't provided'
+  region_selector = region_selector_for(region_locator)
+  page.driver.within_frame('mercury_iframe') do
+    find("#{region_selector}", :message => "Unable to locate a region matching '#{region_selector}'")
+    find("#{region_selector} #{selector}", :message => "Unable to locate a match for '#{selector}' inside '#{region_selector}'")
+    page.driver.execute_script <<-JAVASCRIPT
+      top.jQuery(document).find('#{region_selector} #{selector}').simulate('dblclick');
+    JAVASCRIPT
+  end
+end
+
+# getting contents
+Then /^the contents? of (.*?) should be "([^"]*)"$/ do |region_locator, content|
+  region_selector = region_selector_for(region_locator)
+  page.driver.within_frame('mercury_iframe') do
+    find("#{region_selector}", :message => "Unable to locate a region matching '#{region_selector}'")
+    results = page.driver.execute_script <<-JAVASCRIPT
+      var element = top.jQuery(document).find('#{region_selector}');
+      if (element.data('type') == 'markdown') {
+        return element.find('textarea').val();
+      } else {
+        return element.html();
+      }
+    JAVASCRIPT
+    assert_equal content, results.gsub('"', "'").gsub("\n", '')
+  end
+end
+
+
+## Saving specific steps
+#------------------------------------------------------------------------------
+# caching for the last save -- a request will still be made
+Given /^save results will be cached$/ do
+  page.driver.execute_script <<-JAVASCRIPT
+    Mercury.PageEditor.prototype.save = function() {
+      window.cachedResults = this.serialize();
+      Mercury.changes = false;
+    }
+  JAVASCRIPT
+end
+
+# check for the last save cached results
+Then /^the save should have (.*?) for (.*?)$/ do |contents, region_locator|
+  region_id = region_selector_for(region_locator).gsub('#', '')
+  content = contents[0] == '"' ? contents : "\"#{contents_for(contents)}\""
+  results = page.driver.execute_script <<-JAVASCRIPT
+    return (window.cachedResults['#{region_id}']) ?
+      window.cachedResults['#{region_id}']['value'] : null;
+  JAVASCRIPT
+  assert_equal content, "\"#{results}\""
+end
+
+
+## Table editing specific steps
+#------------------------------------------------------------------------------
+# in the modal window
+When /^(?:|I )(?:add|insert) a (row|column) (before|after)(?: it)?$/ do |row_or_column, before_or_after|
+  name = "add_#{row_or_column}_#{before_or_after}".camelcase(:lower)
+  step(%Q{I click on ".mercury-modal-content button[data-action='#{name}']"})
+end
+
+When /^(?:|I )delete the(?: current)? (row|column)$/ do |row_or_column|
+  name = "remove_#{row_or_column}".camelcase(:lower)
+  step(%Q{I click on ".mercury-modal-content button[data-action='#{name}']"})
+end
+
+When /^(?:|I )(increase|decrease) the (rowspan|colspan)$/ do |increase_or_decrease, rowspan_or_colspan|
+  name = "#{increase_or_decrease}_#{rowspan_or_colspan}".camelcase(:lower)
+  step(%Q{I click on ".mercury-modal-content button[data-action=#{name}]"})
+end
+
+Then /^the selected cell should be (.*?)$/ do |locator|
+  selector = selector_for(locator).gsub('td:', 'td.selected:')
+  find("#{selector}", :message => "Unable to locate the selected cell for '#{selector}'")
+end
+
+# in general
+Then /^the(?: table)? (row|column) count should be (\d+)$/ do |row_or_column, expected_count|
+  method = "get_#{row_or_column}_count".camelcase(:lower)
+  actual_count = page.driver.execute_script("return Mercury.tableEditor.#{method}()")
+  assert_equal expected_count.to_i, actual_count.to_i
+end
+
+
+## Snippet specific steps
+#------------------------------------------------------------------------------
+# setting snippet options
+Given /^the options for the (.*?) snippet "([^"]*)" are (.*?)$/ do |snippet_name, snippet_id, options|
+  @snippet_id = snippet_id
+  options_json = parse_snippet_options_from(options)
+  page.driver.execute_script <<-JAVASCRIPT
+    Mercury.Snippet.load({#{snippet_id}: {name: '#{snippet_name}', options: #{options_json}}});
+  JAVASCRIPT
+end
+
+# dragging/dropping
+When /^(?:|I )(?:drag|drop) (.*?) (?:into|on) (.*?)$/ do |snippet_locator, region_locator|
+  snippet_name = snippet_name_for(snippet_locator)
+  region_id = region_selector_for(region_locator).gsub('#', '')
+  page.driver.within_frame('mercury_iframe') do
+    find("##{region_id}", :message => "Unable to locate a region matching '##{region_id}'")
+    data = " data-snippet=\"#{snippet_name}\""
+    data << ' data-options="false"' if snippet_name == 'no_options'
+
+    page.driver.execute_script <<-JAVASCRIPT
+      var element = top.jQuery(document).find('##{region_id}');
+      if (element.data('type') == 'markdown') {
+        alert('unimplemented');
+        throw('unimplemented');
+      } else {
+        var region = top.mercuryInstance.getRegionByName('#{region_id}');
+        region.selection().range.collapse(true);
+        document.execCommand('insertHTML', false, '<img #{data} src="/assets/mercury/default-snippet.png">');
+        element.trigger('possible:drop');
+      }
+    JAVASCRIPT
+  end
+end
+
+When /^(?:|I )hover over (.*?)(?: in (.*?))?$/ do |locator, region_locator|
+  step(%Q{I can simulate complex javascript events})
+  selector = selector_for(locator)
+  region_selector = region_selector_for(region_locator)
+  page.driver.within_frame('mercury_iframe') do
+    find("#{region_selector}", :message => "Unable to locate a region matching '#{region_selector}'")
+    page.driver.execute_script <<-JAVASCRIPT
+      var element = top.jQuery(document).find('#{region_selector}');
+      if (element.data('type') == 'markdown') {
+        alert('unimplemented');
+        throw('unimplemented');
+      } else {
+        element.find('#{selector}').simulate('mousemove');
+      }
+    JAVASCRIPT
+  end
+end
+
+When /^(?:|I )edit the snippet$/ do
+  step(%{I hover over the snippet})
+  step(%{I click on the edit snippet settings toolbar button})
+end
+
+
+## Javascript event simulation steps
+#------------------------------------------------------------------------------
+Given /^(?:|I )can simulate complex javascript events$/ do
+  page.driver.execute_script(JQUERY_EVENT_SIMULATION_JAVASCRIPT)
+end
+
+#------------------------------------------------------------------------------
+
+JQUERY_EVENT_SIMULATION_JAVASCRIPT = <<-JAVASCRIPT
+  /*
+   * jquery.simulate - simulate browser mouse and keyboard events
+   *
+   * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+   * Dual licensed under the MIT or GPL Version 2 licenses.
+   * http://jquery.org/license
+   *
+   */
+  ;(function($) {
+
+  $.fn.extend({
+    simulate: function(type, options) {
+      return this.each(function() {
+        var opt = $.extend({}, $.simulate.defaults, options || {});
+        new $.simulate(this, type, opt);
+      });
+    }
+  });
+
+  $.simulate = function(el, type, options) {
+    this.target = el;
+    this.options = options;
+
+    if (/^drag$/.test(type)) {
+      this[type].apply(this, [this.target, options]);
+    } else {
+      this.simulateEvent(el, type, options);
+    }
+  }
+
+  $.extend($.simulate.prototype, {
+    simulateEvent: function(el, type, options) {
+      var evt = this.createEvent(type, options);
+      this.dispatchEvent(el, type, evt, options);
+      return evt;
+    },
+    createEvent: function(type, options) {
+      if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) {
+        return this.mouseEvent(type, options);
+      } else if (/^key(up|down|press)$/.test(type)) {
+        return this.keyboardEvent(type, options);
+      }
+    },
+    mouseEvent: function(type, options) {
+      var evt;
+      var e = $.extend({
+        bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0,
+        screenX: 0, screenY: 0, clientX: 0, clientY: 0,
+        ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+        button: 0, relatedTarget: undefined
+      }, options);
+
+      var relatedTarget = $(e.relatedTarget)[0];
+
+      if ($.isFunction(document.createEvent)) {
+        evt = document.createEvent("MouseEvents");
+        evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail,
+          e.screenX, e.screenY, e.clientX, e.clientY,
+          e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+          e.button, e.relatedTarget || document.body.parentNode);
+      } else if (document.createEventObject) {
+        evt = document.createEventObject();
+        $.extend(evt, e);
+        evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button;
+      }
+      return evt;
+    },
+    keyboardEvent: function(type, options) {
+      var evt;
+
+      var e = $.extend({ bubbles: true, cancelable: true, view: window,
+        ctrlKey: false, altKey: false, shiftKey: false, metaKey: false,
+        keyCode: 0, charCode: 0
+      }, options);
+
+      if ($.isFunction(document.createEvent)) {
+        try {
+          evt = document.createEvent("KeyEvents");
+          evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view,
+            e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
+            e.keyCode, e.charCode);
+        } catch(err) {
+          evt = document.createEvent("Events");
+          evt.initEvent(type, e.bubbles, e.cancelable);
+          $.extend(evt, { view: e.view,
+            ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey,
+            keyCode: e.keyCode, charCode: e.charCode
+          });
+        }
+      } else if (document.createEventObject) {
+        evt = document.createEventObject();
+        $.extend(evt, e);
+      }
+      if ($.browser.msie || $.browser.opera) {
+        evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode;
+        evt.charCode = undefined;
+      }
+      return evt;
+    },
+    dispatchEvent: function(el, type, evt) {
+      if (el.dispatchEvent) {
+        el.dispatchEvent(evt);
+      } else if (el.fireEvent) {
+        el.fireEvent('on' + type, evt);
+      }
+      return evt;
+    },
+    drag: function(el) {
+      var self = this, center = this.findCenter(this.target),
+        options = this.options,	x = Math.floor(center.x), y = Math.floor(center.y),
+        dx = options.dx || 0, dy = options.dy || 0, target = this.target;
+      var coord = { clientX: x, clientY: y };
+      this.simulateEvent(target, "mousedown", coord);
+      coord = { clientX: x + 1, clientY: y + 1 };
+      this.simulateEvent(document, "mousemove", coord);
+      coord = { clientX: x + dx, clientY: y + dy };
+      this.simulateEvent(document, "mousemove", coord);
+      this.simulateEvent(document, "mousemove", coord);
+      this.simulateEvent(target, "mouseup", coord);
+      this.simulateEvent(target, "click", coord);
+    },
+    findCenter: function(el) {
+      var el = $(this.target), o = el.offset(), d = $(document);
+      return {
+        x: o.left + el.outerWidth() / 2 - d.scrollLeft(),
+        y: o.top + el.outerHeight() / 2 - d.scrollTop()
+      };
+    }
+  });
+
+  $.extend($.simulate, {
+    defaults: {
+      speed: 'sync'
+    },
+    VK_TAB: 9,
+    VK_ENTER: 13,
+    VK_ESC: 27,
+    VK_PGUP: 33,
+    VK_PGDN: 34,
+    VK_END: 35,
+    VK_HOME: 36,
+    VK_LEFT: 37,
+    VK_UP: 38,
+    VK_RIGHT: 39,
+    VK_DOWN: 40
+  });
+
+  })(jQuery);
+JAVASCRIPT