poltergeist 1.1.2 → 1.2.0

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

@@ -19,10 +19,10 @@ class Poltergeist.Browser
     @page.setViewportSize(width: @width, height: @height)
 
     @page.onLoadStarted = =>
-      this.setState 'loading' if @state == 'clicked'
+      this.setState 'loading' if @state == 'mouse_event'
 
     @page.onNavigationRequested = (url, navigation) =>
-      this.setState 'loading' if @state == 'clicked' && navigation == 'FormSubmitted'
+      this.setState 'loading' if @state == 'mouse_event' && navigation == 'FormSubmitted'
 
     @page.onLoadFinished = (status) =>
       if @state == 'loading'
@@ -98,14 +98,20 @@ class Poltergeist.Browser
   source: ->
     this.sendResponse @page.source()
 
-  find: (selector) ->
-    this.sendResponse(page_id: @page_id, ids: @page.find(selector))
+  title: ->
+    this.sendResponse @page.title()
 
-  find_within: (page_id, id, selector) ->
-    this.sendResponse this.node(page_id, id).find(selector)
+  find: (method, selector) ->
+    this.sendResponse(page_id: @page_id, ids: @page.find(method, selector))
 
-  text: (page_id, id) ->
-    this.sendResponse this.node(page_id, id).text()
+  find_within: (page_id, id, method, selector) ->
+    this.sendResponse this.node(page_id, id).find(method, selector)
+
+  all_text: (page_id, id) ->
+    this.sendResponse this.node(page_id, id).allText()
+
+  visible_text: (page_id, id) ->
+    this.sendResponse this.node(page_id, id).visibleText()
 
   attribute: (page_id, id, name) ->
     this.sendResponse this.node(page_id, id).getAttribute(name)
@@ -138,6 +144,9 @@ class Poltergeist.Browser
   visible: (page_id, id) ->
     this.sendResponse this.node(page_id, id).isVisible()
 
+  disabled: (page_id, id) ->
+    this.sendResponse this.node(page_id, id).isDisabled()
+
   evaluate: (script) ->
     this.sendResponse @page.evaluate("function() { return #{script} }")
 
@@ -145,16 +154,17 @@ class Poltergeist.Browser
     @page.execute("function() { #{script} }")
     this.sendResponse(true)
 
-  push_frame: (name) ->
+  push_frame: (name, timeout = new Date().getTime() + 2000) ->
     if @page.pushFrame(name)
       if @page.currentUrl() == 'about:blank'
         this.setState 'awaiting_frame_load'
       else
         this.sendResponse(true)
     else
-      # There's currently no PhantomJS callback available for frame creation,
-      # so we have to poll
-      setTimeout((=> this.push_frame(name)), 50)
+      if new Date().getTime() < timeout
+        setTimeout((=> this.push_frame(name, timeout)), 50)
+      else
+        @owner.sendError(new Poltergeist.FrameNotFound(name))
 
   pop_frame: ->
     this.sendResponse(@page.popFrame())
@@ -181,24 +191,30 @@ class Poltergeist.Browser
     @page = prev_page if prev_page
     this.sendResponse(true)
 
-  click: (page_id, id, event = 'click') ->
+  mouse_event: (page_id, id, name) ->
     # 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'
+    # If the event triggers onNavigationRequested, we will transition to the 'loading'
     # state and wait for onLoadFinished before sending a response.
-    this.setState 'clicked'
+    this.setState 'mouse_event'
 
-    @last_click = node.click(event)
+    @last_mouse_event = node.mouseEvent(name)
 
     setTimeout =>
       if @state != 'loading'
         this.setState 'default'
-        this.sendResponse(@last_click)
+        this.sendResponse(@last_mouse_event)
     , 5
 
+  click: (page_id, id) ->
+    this.mouse_event page_id, id, 'click'
+
   double_click: (page_id, id) ->
-    this.click page_id, id, 'doubleclick'
+    this.mouse_event page_id, id, 'doubleclick'
+
+  hover: (page_id, id) ->
+    this.mouse_event page_id, id, 'mousemove'
 
   click_coordinates: (x, y) ->
     @page.sendEvent('click', x, y)

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

@@ -1,18 +1,20 @@
 var PoltergeistAgent;
 
 PoltergeistAgent = (function() {
-
   function PoltergeistAgent() {
     this.elements = [];
     this.nodes = {};
   }
 
   PoltergeistAgent.prototype.externalCall = function(name, args) {
+    var error;
+
     try {
       return {
         value: this[name].apply(this, args)
       };
-    } catch (error) {
+    } catch (_error) {
+      error = _error;
       return {
         error: {
           message: error.toString(),
@@ -23,6 +25,8 @@ PoltergeistAgent = (function() {
   };
 
   PoltergeistAgent.stringify = function(object) {
+    var error;
+
     try {
       return JSON.stringify(object, function(key, value) {
         if (Array.isArray(this[key])) {
@@ -31,7 +35,8 @@ PoltergeistAgent = (function() {
           return value;
         }
       });
-    } catch (error) {
+    } catch (_error) {
+      error = _error;
       if (error instanceof TypeError) {
         return '"(cyclic structure)"';
       } else {
@@ -44,17 +49,32 @@ PoltergeistAgent = (function() {
     return window.location.toString();
   };
 
-  PoltergeistAgent.prototype.find = function(selector, within) {
-    var i, ids, results, _i, _ref;
+  PoltergeistAgent.prototype.find = function(method, selector, within) {
+    var el, i, results, xpath, _i, _len, _results;
+
     if (within == null) {
       within = document;
     }
-    results = document.evaluate(selector, within, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
-    ids = [];
-    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)));
+    if (method === "xpath") {
+      xpath = document.evaluate(selector, within, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
+      results = (function() {
+        var _i, _ref, _results;
+
+        _results = [];
+        for (i = _i = 0, _ref = xpath.snapshotLength; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
+          _results.push(xpath.snapshotItem(i));
+        }
+        return _results;
+      })();
+    } else {
+      results = within.querySelectorAll(selector);
+    }
+    _results = [];
+    for (_i = 0, _len = results.length; _i < _len; _i++) {
+      el = results[_i];
+      _results.push(this.register(el));
     }
-    return ids;
+    return _results;
   };
 
   PoltergeistAgent.prototype.register = function(element) {
@@ -71,11 +91,13 @@ PoltergeistAgent = (function() {
 
   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, args) {
     var node;
+
     node = this.get(id);
     if (node.isObsolete()) {
       throw new PoltergeistAgent.ObsoleteNode;
@@ -96,7 +118,6 @@ PoltergeistAgent = (function() {
 })();
 
 PoltergeistAgent.ObsoleteNode = (function() {
-
   function ObsoleteNode() {}
 
   ObsoleteNode.prototype.toString = function() {
@@ -108,7 +129,6 @@ PoltergeistAgent.ObsoleteNode = (function() {
 })();
 
 PoltergeistAgent.Node = (function() {
-
   Node.EVENTS = {
     FOCUS: ['blur', 'focus', 'focusin', 'focusout'],
     MOUSE: ['click', 'dblclick', 'mousedown', 'mouseenter', 'mouseleave', 'mousemove', 'mouseover', 'mouseout', 'mouseup']
@@ -123,13 +143,14 @@ PoltergeistAgent.Node = (function() {
     return this.agent.register(this.element.parentNode);
   };
 
-  Node.prototype.find = function(selector) {
-    return this.agent.find(selector, this.element);
+  Node.prototype.find = function(method, selector) {
+    return this.agent.find(method, selector, this.element);
   };
 
   Node.prototype.isObsolete = function() {
     var obsolete,
       _this = this;
+
     obsolete = function(element) {
       if (element.parentNode != null) {
         if (element.parentNode === document) {
@@ -146,17 +167,57 @@ PoltergeistAgent.Node = (function() {
 
   Node.prototype.changed = function() {
     var event;
+
     event = document.createEvent('HTMLEvents');
     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 === document.body || document.evaluate('ancestor::body', this.element, null, XPathResult.BOOLEAN_TYPE, null).booleanValue;
   };
 
-  Node.prototype.text = function() {
-    if (this.element.tagName === 'TEXTAREA') {
+  Node.prototype.allText = function() {
+    return this.element.textContent;
+  };
+
+  Node.prototype.visibleText = function() {
+    if (this.element.nodeName === "TEXTAREA") {
       return this.element.textContent;
     } else {
       return this.element.innerText;
@@ -177,6 +238,7 @@ PoltergeistAgent.Node = (function() {
 
   Node.prototype.value = function() {
     var option, _i, _len, _ref, _results;
+
     if (this.element.tagName === 'SELECT' && this.element.multiple) {
       _ref = this.element.children;
       _results = [];
@@ -192,6 +254,30 @@ PoltergeistAgent.Node = (function() {
     }
   };
 
+  Node.prototype.set = function(value) {
+    var char, keyCode, _i, _len;
+
+    if (this.element.readOnly) {
+      return;
+    }
+    if (this.element.maxLength >= 0) {
+      value = value.substr(0, this.element.maxLength);
+    }
+    this.element.value = '';
+    this.trigger('focus');
+    for (_i = 0, _len = value.length; _i < _len; _i++) {
+      char = value[_i];
+      keyCode = this.characterToKeyCode(char);
+      this.keyupdowned('keydown', keyCode);
+      this.element.value += char;
+      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;
   };
@@ -231,8 +317,13 @@ PoltergeistAgent.Node = (function() {
     }
   };
 
+  Node.prototype.isDisabled = function() {
+    return this.element.disabled || this.element.tagName === 'OPTION' && this.element.parentNode.disabled;
+  };
+
   Node.prototype.frameOffset = function() {
     var offset, rect, win;
+
     win = window;
     offset = {
       top: 0,
@@ -249,6 +340,7 @@ PoltergeistAgent.Node = (function() {
 
   Node.prototype.position = function() {
     var frameOffset, pos, rect;
+
     rect = this.element.getClientRects()[0];
     if (!rect) {
       throw new PoltergeistAgent.ObsoleteNode;
@@ -267,6 +359,7 @@ PoltergeistAgent.Node = (function() {
 
   Node.prototype.trigger = function(name) {
     var event;
+
     if (Node.EVENTS.MOUSE.indexOf(name) !== -1) {
       event = document.createEvent('MouseEvent');
       event.initMouseEvent(name, true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
@@ -279,17 +372,9 @@ PoltergeistAgent.Node = (function() {
     return this.element.dispatchEvent(event);
   };
 
-  Node.prototype.focusAndHighlight = function() {
-    this.element.focus();
-    return this.element.select();
-  };
-
-  Node.prototype.blur = function() {
-    return this.element.blur();
-  };
-
-  Node.prototype.clickTest = function(x, y) {
+  Node.prototype.mouseEventTest = function(x, y) {
     var el, frameOffset, origEl;
+
     frameOffset = this.frameOffset();
     x -= frameOffset.left;
     y -= frameOffset.top;
@@ -311,6 +396,7 @@ PoltergeistAgent.Node = (function() {
 
   Node.prototype.getSelector = function(el) {
     var className, selector, _i, _len, _ref;
+
     selector = el.tagName !== 'HTML' ? this.getSelector(el.parentNode) + ' ' : '';
     selector += el.tagName.toLowerCase();
     if (el.id) {
@@ -324,6 +410,48 @@ 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;
   };

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

@@ -1,6 +1,4 @@
-
 Poltergeist.Browser = (function() {
-
   function Browser(owner, width, height) {
     this.owner = owner;
     this.width = width || 1024;
@@ -15,6 +13,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.resetPage = function() {
     var _this = this;
+
     if (this.page != null) {
       this.page.release();
       phantom.clearCookies();
@@ -25,12 +24,12 @@ Poltergeist.Browser = (function() {
       height: this.height
     });
     this.page.onLoadStarted = function() {
-      if (_this.state === 'clicked') {
+      if (_this.state === 'mouse_event') {
         return _this.setState('loading');
       }
     };
     this.page.onNavigationRequested = function(url, navigation) {
-      if (_this.state === 'clicked' && navigation === 'FormSubmitted') {
+      if (_this.state === 'mouse_event' && navigation === 'FormSubmitted') {
         return _this.setState('loading');
       }
     };
@@ -51,6 +50,7 @@ Poltergeist.Browser = (function() {
     };
     return this.page.onPageCreated = function(sub_page) {
       var name;
+
       if (_this.state === 'awaiting_sub_page') {
         name = _this.page_name;
         _this.page_name = null;
@@ -75,6 +75,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.sendResponse = function(response) {
     var errors;
+
     errors = this.page.errors();
     this.page.clearErrors();
     if (errors.length > 0 && this.js_errors) {
@@ -99,6 +100,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.visit = function(url) {
     var prev_url;
+
     this.setState('loading');
     prev_url = this.page.currentUrl();
     this.page.open(url);
@@ -124,19 +126,27 @@ Poltergeist.Browser = (function() {
     return this.sendResponse(this.page.source());
   };
 
-  Browser.prototype.find = function(selector) {
+  Browser.prototype.title = function() {
+    return this.sendResponse(this.page.title());
+  };
+
+  Browser.prototype.find = function(method, selector) {
     return this.sendResponse({
       page_id: this.page_id,
-      ids: this.page.find(selector)
+      ids: this.page.find(method, selector)
     });
   };
 
-  Browser.prototype.find_within = function(page_id, id, selector) {
-    return this.sendResponse(this.node(page_id, id).find(selector));
+  Browser.prototype.find_within = function(page_id, id, method, selector) {
+    return this.sendResponse(this.node(page_id, id).find(method, selector));
+  };
+
+  Browser.prototype.all_text = function(page_id, id) {
+    return this.sendResponse(this.node(page_id, id).allText());
   };
 
-  Browser.prototype.text = function(page_id, id) {
-    return this.sendResponse(this.node(page_id, id).text());
+  Browser.prototype.visible_text = function(page_id, id) {
+    return this.sendResponse(this.node(page_id, id).visibleText());
   };
 
   Browser.prototype.attribute = function(page_id, id, name) {
@@ -154,6 +164,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.select_file = function(page_id, id, value) {
     var node;
+
     node = this.node(page_id, id);
     this.page.beforeUpload(node.id);
     this.page.uploadFile('[_poltergeist_selected]', value);
@@ -173,6 +184,10 @@ Poltergeist.Browser = (function() {
     return this.sendResponse(this.node(page_id, id).isVisible());
   };
 
+  Browser.prototype.disabled = function(page_id, id) {
+    return this.sendResponse(this.node(page_id, id).isDisabled());
+  };
+
   Browser.prototype.evaluate = function(script) {
     return this.sendResponse(this.page.evaluate("function() { return " + script + " }"));
   };
@@ -182,8 +197,12 @@ Poltergeist.Browser = (function() {
     return this.sendResponse(true);
   };
 
-  Browser.prototype.push_frame = function(name) {
+  Browser.prototype.push_frame = function(name, timeout) {
     var _this = this;
+
+    if (timeout == null) {
+      timeout = new Date().getTime() + 2000;
+    }
     if (this.page.pushFrame(name)) {
       if (this.page.currentUrl() === 'about:blank') {
         return this.setState('awaiting_frame_load');
@@ -191,9 +210,13 @@ Poltergeist.Browser = (function() {
         return this.sendResponse(true);
       }
     } else {
-      return setTimeout((function() {
-        return _this.push_frame(name);
-      }), 50);
+      if (new Date().getTime() < timeout) {
+        return setTimeout((function() {
+          return _this.push_frame(name, timeout);
+        }), 50);
+      } else {
+        return this.owner.sendError(new Poltergeist.FrameNotFound(name));
+      }
     }
   };
 
@@ -204,6 +227,7 @@ Poltergeist.Browser = (function() {
   Browser.prototype.push_window = function(name) {
     var sub_page,
       _this = this;
+
     sub_page = this.page.getPage(name);
     if (sub_page) {
       if (sub_page.currentUrl() === 'about:blank') {
@@ -225,6 +249,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.pop_window = function() {
     var prev_page;
+
     prev_page = this.page_stack.pop();
     if (prev_page) {
       this.page = prev_page;
@@ -232,25 +257,31 @@ Poltergeist.Browser = (function() {
     return this.sendResponse(true);
   };
 
-  Browser.prototype.click = function(page_id, id, event) {
+  Browser.prototype.mouse_event = function(page_id, id, name) {
     var node,
       _this = this;
-    if (event == null) {
-      event = 'click';
-    }
+
     node = this.node(page_id, id);
-    this.setState('clicked');
-    this.last_click = node.click(event);
+    this.setState('mouse_event');
+    this.last_mouse_event = node.mouseEvent(name);
     return setTimeout(function() {
       if (_this.state !== 'loading') {
         _this.setState('default');
-        return _this.sendResponse(_this.last_click);
+        return _this.sendResponse(_this.last_mouse_event);
       }
     }, 5);
   };
 
+  Browser.prototype.click = function(page_id, id) {
+    return this.mouse_event(page_id, id, 'click');
+  };
+
   Browser.prototype.double_click = function(page_id, id) {
-    return this.click(page_id, id, 'doubleclick');
+    return this.mouse_event(page_id, id, 'doubleclick');
+  };
+
+  Browser.prototype.hover = function(page_id, id) {
+    return this.mouse_event(page_id, id, 'mousemove');
   };
 
   Browser.prototype.click_coordinates = function(x, y) {
@@ -284,6 +315,7 @@ Poltergeist.Browser = (function() {
 
   Browser.prototype.render = function(path, full) {
     var dimensions, document, viewport;
+
     dimensions = this.page.validatedDimensions();
     document = dimensions.document;
     viewport = dimensions.viewport;