title: How do drag&drop on pure phantomjs?
body: <p>How do drag&amp;drop on pure phantomjs without casperjs, selenium, etc?</p>
  
  <p>I tried this code, but it does not work</p>
  
  <pre><code>var page = new WebPage();
  page.open("http://html5demos.com/drag", function()
  {
    var coordOne = page.evaluate(function() { return document.getElementById("one").getBoundingClientRect(); });    
    var coordBin = page.evaluate(function() { return document.getElementById("bin").getBoundingClientRect(); });
  
    console.log(coordOne.left + "x" + coordOne.top);  
    console.log(coordBin.left + "x" + coordBin.top);
  
    page.sendEvent("mousemove", coordOne.left, coordOne.top);
    page.render('screenshot1.png');
  
    page.sendEvent("mousedown", coordOne.left, coordOne.top);  
    page.sendEvent("mousemove", coordBin.left, coordBin.top); 
    page.sendEvent("mouseup", coordBin.left, coordBin.top);  
    page.render('screenshot2.png');
  
    phantom.exit();
  });
  </code></pre>