如何激活与zombie.js的JavaScript链接

我想获得zombie.js来激活使用JavaScript的链接。我正在测试它的页面是：如何激活与zombie.js的JavaScript链接

<html> 
    <body> 
    <div id="test123"> 
    START_TEXT 
    </div> 
    <a href="javascript:go()">GO</a><br/> 
    <script type="text/javascript"> 
    go = function() { 
    var el = document.getElementById("test123"); 
    el.innerHTML = "CHANGED"; 
    } 
    </script> 
    </body> 
    </html>

在我使用的脚本是：

var zombie = require("zombie"); 
var browser = new zombie.Browser; 

browser.visit("http://localhost:8000/testpage.html", 
     function() { 
       browser.clickLink("GO", function(e, browser, status) { 
         var temp = browser.text("div#test123"); 
         console.log("content:", temp); 
        }); 
});

我得到的错误信息：

node.js:201 
     throw e; // process.nextTick error, or 'error' event on first tick 
      ^
Error: Cannot load resource: javascript:go() 
    at History._resource (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:75:15) 
    at History._pageChanged (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:60:21) 
    at History._assign (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:213:19) 
    at Object.location (/home/julian/temp/node_modules/zombie/lib/zombie/history.coffee:51:24) 
    at Object.click (/home/julian/temp/node_modules/zombie/lib/zombie/jsdom_patches.coffee:31:59) 
    at Object.dispatchEvent (/home/julian/temp/node_modules/zombie/node_modules/jsdom/lib/jsdom/level2/html.js:480:47) 
    at /home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:130:16 
    at EventLoop.perform (/home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:121:7) 
    at EventLoop.dispatch (/home/julian/temp/node_modules/zombie/lib/zombie/eventloop.coffee:129:19) 
    at Browser.dispatchEvent (/home/julian/temp/node_modules/zombie/lib/zombie/browser.coffee:220:30)

当我使用

browser.evaluate("go()")

它的作品。我错过了什么？

来源

2012-01-22 Julian

那么它似乎并不理解javascript:code hrefs。也许你可以得到的网址，删除javascript：-section并评估它？

声明：我还没有使用过zombie.js。

来源

2012-01-22 18:11:27 tuhoojabotti

-1

zombie.js API表示它需要CSS选择器或链接文本作为browser.clickLink()的第一个参数。所以你的代码应该工作。

但尝试添加一个id的链接，如果你有在页面的控制，并使用CSS选择器

browser.clickLink('#thelink', function(e, browser, status) { 
    var temp = browser.text("div#test123"); 
    console.log("content:", temp); 
});

来源

2012-01-22 19:36:58 fent

我试过了，结果是一样的。链接被找到，问题驻留在javascript：go（）部分。其他链接工作。 – Julian

哦，我明白了。它看起来像tuhoojabotti的答案是正确的，它看起来不像zombie.js支持这种类型的链接。已经有一个[问题]（https://github.com/assaf/zombie/issues/170）针对此问题开通。 – fent

Zombie.js不处理链接“的javascript：” HREF上（在本文写作的时间）。

我通过在源代码中添加3行来修复它。寻找/node_modules/zombie/lib/zombie/history.coffee并添加3线与FIX评论（注意，在.coffee你必须尊重压痕，即使用2个空格。）：

# Location uses this to move to a new URL. 
_assign: (url)-> 
    url = @_resolve(url) 

    # FIX: support for javascript: protocol href 
    if url.indexOf("javascript:")==0 
    @_browser.evaluate(url.substr("javascript:".length)) 
    return 

    was = @_stack[@_index]?.url # before we destroy stack 
    @_stack = @_stack[[email protected]_index] 
    @_stack[[email protected]_index] = new Entry(this, url) 
    @_pageChanged was

我也许应该在github.com上fork zombie.js并将其放入Pull Request中，但在此之前，欢迎您使用此片段，或者在我之前提出请求。

来源

2012-01-26 17:09:57 Benja

如何激活与zombie.js的JavaScript链接

回答

相关问题