poltergeist 0.6.0 → 0.7.0

data/lib/capybara/poltergeist/client/browser.coffee

@@ -1,5 +1,7 @@
 class Poltergeist.Browser
-  constructor: (@owner) ->
+  constructor: (@owner, width, height) ->
+    @width   = width || 1024
+    @height  = height || 768
     @state   = 'default'
     @page_id = 0
 
@@ -7,11 +9,14 @@ class Poltergeist.Browser
 
   resetPage: ->
     @page.release() if @page?
-    @page = new Poltergeist.WebPage
+    @page = new Poltergeist.WebPage(@width, @height)
 
     @page.onLoadStarted = =>
       @state = 'loading' if @state == 'clicked'
 
+    @page.onNavigationRequested = (url, navigation) =>
+      @state = 'loading' if @state == 'clicked' && navigation == 'FormSubmitted'
+
     @page.onLoadFinished = (status) =>
       if @state == 'loading'
         this.sendResponse(status)
@@ -25,37 +30,26 @@ class Poltergeist.Browser
 
     if errors.length > 0
       @page.clearErrors()
-      @owner.sendError(new Poltergeist.JavascriptError(errors))
+      throw new Poltergeist.JavascriptError(errors)
     else
       @owner.sendResponse(response)
 
-  getNode: (page_id, id, callback) ->
+  node: (page_id, id) ->
     if page_id == @page_id
-      callback.call this, @page.get(id)
+      @page.get(id)
     else
-      @owner.sendError(new Poltergeist.ObsoleteNode)
-
-  nodeCall: (page_id, id, fn, args...) ->
-    callback = args.pop()
-
-    this.getNode(
-      page_id, id,
-      (node) ->
-        result = node[fn](args...)
-
-        if result instanceof Poltergeist.ObsoleteNode
-          @owner.sendError(result)
-        else
-          callback.call(this, result, node)
-    )
+      throw new Poltergeist.ObsoleteNode
 
-  visit: (url) ->
+  visit: (url, headers) ->
     @state = 'loading'
-    @page.open(url)
+    @page.open(url, operation: "get", headers: headers)
 
   current_url: ->
     this.sendResponse @page.currentUrl()
 
+  status_code: ->
+    this.sendResponse @page.statusCode()
+
   body: ->
     this.sendResponse @page.content()
 
@@ -66,53 +60,44 @@ class Poltergeist.Browser
     this.sendResponse(page_id: @page_id, ids: @page.find(selector))
 
   find_within: (page_id, id, selector) ->
-    this.nodeCall(page_id, id, 'find', selector, this.sendResponse)
+    this.sendResponse this.node(page_id, id).find(selector)
 
   text: (page_id, id) ->
-    this.nodeCall(page_id, id, 'text', this.sendResponse)
+    this.sendResponse this.node(page_id, id).text()
 
   attribute: (page_id, id, name) ->
-    this.nodeCall(page_id, id, 'getAttribute', name, this.sendResponse)
+    this.sendResponse this.node(page_id, id).getAttribute(name)
 
   value: (page_id, id) ->
-    this.nodeCall(page_id, id, 'value', this.sendResponse)
+    this.sendResponse this.node(page_id, id).value()
 
   set: (page_id, id, value) ->
-    this.nodeCall(page_id, id, 'set', value, -> this.sendResponse(true))
+    this.node(page_id, id).set(value)
+    this.sendResponse(true)
 
   # PhantomJS only allows us to reference the element by CSS selector, not XPath,
   # so we have to add an attribute to the element to identify it, then remove it
   # afterwards.
-  #
-  # PhantomJS does not support multiple-file inputs, so we have to blatently cheat
-  # by temporarily changing it to a single-file input. This obviously could break
-  # things in various ways, which is not ideal, but it works in the simplest case.
   select_file: (page_id, id, value) ->
-    this.nodeCall(
-      page_id, id, 'isMultiple',
-      (multiple, node) ->
-        node.removeAttribute('multiple') if multiple
-        node.setAttribute('_poltergeist_selected', '')
+    node     = this.node(page_id, id)
 
-        @page.uploadFile('[_poltergeist_selected]', value)
+    node.setAttribute('_poltergeist_selected', '')
+    @page.uploadFile('[_poltergeist_selected]', value)
+    node.removeAttribute('_poltergeist_selected')
 
-        node.removeAttribute('_poltergeist_selected')
-        node.setAttribute('multiple', 'multiple') if multiple
-
-        this.sendResponse(true)
-    )
+    this.sendResponse(true)
 
   select: (page_id, id, value) ->
-    this.nodeCall(page_id, id, 'select', value, this.sendResponse)
+    this.sendResponse this.node(page_id, id).select(value)
 
   tag_name: (page_id, id) ->
-    this.nodeCall(page_id, id, 'tagName', this.sendResponse)
+    this.sendResponse this.node(page_id, id).tagName()
 
   visible: (page_id, id) ->
-    this.nodeCall(page_id, id, 'isVisible', this.sendResponse)
+    this.sendResponse this.node(page_id, id).isVisible()
 
   evaluate: (script) ->
-    this.sendResponse JSON.parse(@page.evaluate("function() { return JSON.stringify(#{script}) }"))
+    this.sendResponse @page.evaluate("function() { return #{script} }")
 
   execute: (script) ->
     @page.execute("function() { #{script} }")
@@ -127,43 +112,29 @@ class Poltergeist.Browser
     this.sendResponse(true)
 
   click: (page_id, id) ->
-    # We just check the node is not obsolete before proceeding. If it is,
-    # the callback will not fire.
-    this.nodeCall(
-      page_id, id, 'isObsolete',
-      (obsolete, node) ->
-        # If the click event triggers onLoadStarted, we will transition to the 'loading'
-        # state and wait for onLoadFinished before sending a response.
-        @state = 'clicked'
-
-        click = node.click()
-
-        # Use a timeout in order to let the stack clear, so that the @page.onLoadStarted
-        # callback can (possibly) fire, before we decide whether to send a response.
-        setTimeout(
-          =>
-            if @state == 'clicked'
-              @state = 'default'
-
-              if click instanceof Poltergeist.ClickFailed
-                @owner.sendError(click)
-              else
-                this.sendResponse(true)
-          ,
-          10
-        )
-    )
+    # Get the node before changing state, in case there is an exception
+    node = this.node(page_id, id)
+
+    # If the click event triggers onNavigationRequested, we will transition to the 'loading'
+    # state and wait for onLoadFinished before sending a response.
+    @state = 'clicked'
+
+    node.click()
+
+    if @state != 'loading'
+      @state = 'default'
+      this.sendResponse(true)
 
   drag: (page_id, id, other_id) ->
-    this.nodeCall(
-      page_id, id, 'isObsolete'
-      (obsolete, node) ->
-        node.dragTo(@page.get(other_id))
-        this.sendResponse(true)
-    )
+    this.node(page_id, id).dragTo this.node(page_id, other_id)
+    this.sendResponse(true)
 
   trigger: (page_id, id, event) ->
-    this.nodeCall(page_id, id, 'trigger', event, -> this.sendResponse(event))
+    this.node(page_id, id).trigger(event)
+    this.sendResponse(event)
+
+  equals: (page_id, id, other_id) ->
+    this.sendResponse this.node(page_id, id).isEqual(this.node(page_id, other_id))
 
   reset: ->
     this.resetPage()
@@ -189,8 +160,15 @@ class Poltergeist.Browser
     @page.setViewportSize(width: width, height: height)
     this.sendResponse(true)
 
+  network_traffic: ->
+    this.sendResponse(@page.networkTraffic())
+
   exit: ->
     phantom.exit()
 
   noop: ->
     # NOOOOOOP!
+
+  # This command is purely for testing error handling
+  browser_error: ->
+    throw new Error('zomg')

data/lib/capybara/poltergeist/client/compiled/agent.js

@@ -1,101 +1,146 @@
 var PoltergeistAgent;
-var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
 PoltergeistAgent = (function() {
+
   function PoltergeistAgent() {
     this.elements = [];
     this.nodes = {};
     this.windows = [];
     this.pushWindow(window);
   }
-  PoltergeistAgent.prototype.externalCall = function(name, arguments) {
-    return {
-      value: this[name].apply(this, arguments)
-    };
+
+  PoltergeistAgent.prototype.externalCall = function(name, args) {
+    try {
+      return {
+        value: this[name].apply(this, args)
+      };
+    } catch (error) {
+      return {
+        error: {
+          message: error.toString(),
+          stack: error.stack
+        }
+      };
+    }
+  };
+
+  PoltergeistAgent.stringify = function(object) {
+    return JSON.stringify(object, function(key, value) {
+      if (Array.isArray(this[key])) {
+        return this[key];
+      } else {
+        return value;
+      }
+    });
   };
+
   PoltergeistAgent.prototype.pushWindow = function(new_window) {
     this.windows.push(new_window);
     this.window = new_window;
     this.document = this.window.document;
     return null;
   };
+
   PoltergeistAgent.prototype.popWindow = function() {
     this.windows.pop();
     this.window = this.windows[this.windows.length - 1];
     this.document = this.window.document;
     return null;
   };
+
   PoltergeistAgent.prototype.pushFrame = function(id) {
     return this.pushWindow(this.document.getElementById(id).contentWindow);
   };
+
   PoltergeistAgent.prototype.popFrame = function() {
     return this.popWindow();
   };
+
   PoltergeistAgent.prototype.currentUrl = function() {
     return window.location.toString();
   };
+
   PoltergeistAgent.prototype.find = function(selector, within) {
-    var i, ids, results, _ref;
+    var i, ids, results, _i, _ref;
     if (within == null) {
       within = this.document;
     }
     results = this.document.evaluate(selector, within, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
     ids = [];
-    for (i = 0, _ref = results.snapshotLength; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) {
+    for (i = _i = 0, _ref = results.snapshotLength; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
       ids.push(this.register(results.snapshotItem(i)));
     }
     return ids;
   };
+
   PoltergeistAgent.prototype.register = function(element) {
     this.elements.push(element);
     return this.elements.length - 1;
   };
+
   PoltergeistAgent.prototype.documentSize = function() {
     return {
       height: this.document.documentElement.scrollHeight,
       width: this.document.documentElement.scrollWidth
     };
   };
+
   PoltergeistAgent.prototype.get = function(id) {
     var _base;
     return (_base = this.nodes)[id] || (_base[id] = new PoltergeistAgent.Node(this, this.elements[id]));
   };
-  PoltergeistAgent.prototype.nodeCall = function(id, name, arguments) {
+
+  PoltergeistAgent.prototype.nodeCall = function(id, name, args) {
     var node;
     node = this.get(id);
     if (node.isObsolete()) {
       throw new PoltergeistAgent.ObsoleteNode;
     }
-    return node[name].apply(node, arguments);
+    return node[name].apply(node, args);
   };
+
   return PoltergeistAgent;
+
 })();
+
 PoltergeistAgent.ObsoleteNode = (function() {
+
   function ObsoleteNode() {}
+
   ObsoleteNode.prototype.toString = function() {
     return "PoltergeistAgent.ObsoleteNode";
   };
+
   return ObsoleteNode;
+
 })();
+
 PoltergeistAgent.Node = (function() {
+
   Node.EVENTS = {
     FOCUS: ['blur', 'focus', 'focusin', 'focusout'],
     MOUSE: ['click', 'dblclick', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseover', 'mouseout', 'mouseup']
   };
+
   function Node(agent, element) {
     this.agent = agent;
     this.element = element;
   }
+
   Node.prototype.parentId = function() {
     return this.agent.register(this.element.parentNode);
   };
+
   Node.prototype.find = function(selector) {
     return this.agent.find(selector, this.element);
   };
+
   Node.prototype.isObsolete = function() {
-    var obsolete;
-    obsolete = __bind(function(element) {
+    var obsolete,
+      _this = this;
+    obsolete = function(element) {
       if (element.parentNode != null) {
-        if (element.parentNode === this.agent.document) {
+        if (element.parentNode === _this.agent.document) {
           return false;
         } else {
           return obsolete(element.parentNode);
@@ -103,20 +148,55 @@ PoltergeistAgent.Node = (function() {
       } else {
         return true;
       }
-    }, this);
+    };
     return obsolete(this.element);
   };
+
   Node.prototype.changed = function() {
     var event;
     event = document.createEvent('HTMLEvents');
-    event.initEvent("change", true, false);
+    event.initEvent('change', true, false);
+    return this.element.dispatchEvent(event);
+  };
+
+  Node.prototype.input = function() {
+    var event;
+    event = document.createEvent('HTMLEvents');
+    event.initEvent('input', true, false);
     return this.element.dispatchEvent(event);
   };
+
+  Node.prototype.keyupdowned = function(eventName, keyCode) {
+    var event;
+    event = document.createEvent('UIEvents');
+    event.initEvent(eventName, true, true);
+    event.keyCode = keyCode;
+    event.which = keyCode;
+    event.charCode = 0;
+    return this.element.dispatchEvent(event);
+  };
+
+  Node.prototype.keypressed = function(altKey, ctrlKey, shiftKey, metaKey, keyCode, charCode) {
+    var event;
+    event = document.createEvent('UIEvents');
+    event.initEvent('keypress', true, true);
+    event.window = this.agent.window;
+    event.altKey = altKey;
+    event.ctrlKey = ctrlKey;
+    event.shiftKey = shiftKey;
+    event.metaKey = metaKey;
+    event.keyCode = keyCode;
+    event.charCode = charCode;
+    event.which = keyCode;
+    return this.element.dispatchEvent(event);
+  };
+
   Node.prototype.insideBody = function() {
     return this.element === this.agent.document.body || this.agent.document.evaluate('ancestor::body', this.element, null, XPathResult.BOOLEAN_TYPE, null).booleanValue;
   };
+
   Node.prototype.text = function() {
-    var el, i, node, results, text, _ref;
+    var el, i, node, results, text, _i, _ref;
     if (!this.isVisible()) {
       return '';
     }
@@ -127,7 +207,7 @@ PoltergeistAgent.Node = (function() {
     }
     results = this.agent.document.evaluate('.//text()[not(ancestor::script)]', el, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
     text = '';
-    for (i = 0, _ref = results.snapshotLength; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) {
+    for (i = _i = 0, _ref = results.snapshotLength; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
       node = results.snapshotItem(i);
       if (this.isVisible(node.parentNode)) {
         text += node.textContent;
@@ -135,6 +215,7 @@ PoltergeistAgent.Node = (function() {
     }
     return text;
   };
+
   Node.prototype.getAttribute = function(name) {
     if (name === 'checked' || name === 'selected') {
       return this.element[name];
@@ -142,6 +223,11 @@ PoltergeistAgent.Node = (function() {
       return this.element.getAttribute(name);
     }
   };
+
+  Node.prototype.scrollIntoView = function() {
+    return this.element.scrollIntoViewIfNeeded();
+  };
+
   Node.prototype.value = function() {
     var option, _i, _len, _ref, _results;
     if (this.element.tagName === 'SELECT' && this.element.multiple) {
@@ -158,22 +244,39 @@ PoltergeistAgent.Node = (function() {
       return this.element.value;
     }
   };
+
   Node.prototype.set = function(value) {
+    var char, keyCode, _i, _len;
     if (this.element.maxLength >= 0) {
       value = value.substr(0, this.element.maxLength);
     }
-    this.element.value = value;
-    return this.changed();
+    this.element.value = '';
+    this.trigger('focus');
+    for (_i = 0, _len = value.length; _i < _len; _i++) {
+      char = value[_i];
+      this.element.value += char;
+      keyCode = this.characterToKeyCode(char);
+      this.keyupdowned('keydown', keyCode);
+      this.keypressed(false, false, false, false, char.charCodeAt(0), char.charCodeAt(0));
+      this.keyupdowned('keyup', keyCode);
+    }
+    this.changed();
+    this.input();
+    return this.trigger('blur');
   };
+
   Node.prototype.isMultiple = function() {
     return this.element.multiple;
   };
+
   Node.prototype.setAttribute = function(name, value) {
     return this.element.setAttribute(name, value);
   };
+
   Node.prototype.removeAttribute = function(name) {
     return this.element.removeAttribute(name);
   };
+
   Node.prototype.select = function(value) {
     if (value === false && !this.element.parentNode.multiple) {
       return false;
@@ -183,9 +286,11 @@ PoltergeistAgent.Node = (function() {
       return true;
     }
   };
+
   Node.prototype.tagName = function() {
     return this.element.tagName;
   };
+
   Node.prototype.isVisible = function(element) {
     if (!element) {
       element = this.element;
@@ -198,6 +303,7 @@ PoltergeistAgent.Node = (function() {
       return true;
     }
   };
+
   Node.prototype.position = function() {
     var rect;
     rect = this.element.getClientRects()[0];
@@ -210,6 +316,7 @@ PoltergeistAgent.Node = (function() {
       height: rect.height
     };
   };
+
   Node.prototype.trigger = function(name) {
     var event;
     if (Node.EVENTS.MOUSE.indexOf(name) !== -1) {
@@ -223,6 +330,7 @@ PoltergeistAgent.Node = (function() {
     }
     return this.element.dispatchEvent(event);
   };
+
   Node.prototype.clickTest = function(x, y) {
     var el, origEl;
     el = origEl = document.elementFromPoint(x, y);
@@ -240,6 +348,7 @@ PoltergeistAgent.Node = (function() {
       selector: origEl && this.getSelector(origEl)
     };
   };
+
   Node.prototype.getSelector = function(el) {
     var className, selector, _i, _len, _ref;
     selector = el.tagName !== 'HTML' ? this.getSelector(el.parentNode) + ' ' : '';
@@ -254,15 +363,66 @@ PoltergeistAgent.Node = (function() {
     }
     return selector;
   };
+
+  Node.prototype.characterToKeyCode = function(character) {
+    var code, specialKeys;
+    code = character.toUpperCase().charCodeAt(0);
+    specialKeys = {
+      96: 192,
+      45: 189,
+      61: 187,
+      91: 219,
+      93: 221,
+      92: 220,
+      59: 186,
+      39: 222,
+      44: 188,
+      46: 190,
+      47: 191,
+      127: 46,
+      126: 192,
+      33: 49,
+      64: 50,
+      35: 51,
+      36: 52,
+      37: 53,
+      94: 54,
+      38: 55,
+      42: 56,
+      40: 57,
+      41: 48,
+      95: 189,
+      43: 187,
+      123: 219,
+      125: 221,
+      124: 220,
+      58: 186,
+      34: 222,
+      60: 188,
+      62: 190,
+      63: 191
+    };
+    return specialKeys[code] || code;
+  };
+
+  Node.prototype.isDOMEqual = function(other_id) {
+    return this.element === this.agent.get(other_id).element;
+  };
+
   return Node;
+
 })();
+
 window.__poltergeist = new PoltergeistAgent;
+
 document.addEventListener('DOMContentLoaded', function() {
   return console.log('__DOMContentLoaded');
 });
+
 window.confirm = function(message) {
   return true;
 };
+
 window.prompt = function(message, _default) {
   return _default || null;
-};
+};