2016-02-16 84 views
1

我正在尝试使用Zombie.js编写单元测试。我的问题是,当使用browser.evaluate启动AJAX请求时,即使它们在使用脚本标记包含在页面上时执行得很好,AJAX请求仍未完成。zombie.js触发的AJAX请求不完整

我有三个文件:

  • index.html:HTML页面这僵尸负荷
  • hello.txt:它加载index.html
  • 一个zombie.js程序:与内容 hello, world
  • main.js一个纯文本文件

index.html and hello.txt are s使用命令python -m SimpleHTTPServer 8009。 (请注意,我正在使用dev.local,这是我的hosts文件中的127.0.0.1的同义词)

这里是index.html。它发出一个AJAX请求来检索hello.txt。这工作正常:

<!DOCTYPE html> 
<html lang='en'> 
<head> 
    <meta charset='UTF-8' /> 
    <title></title> 
</head> 
<body> 
    <script type='text/javascript' src='https://code.jquery.com/jquery-2.2.0.min.js'> 
    </script> 
    <script type='text/javascript'> 
    $.support.cors = true; 
    var doRequest = function(msg) { 
     $.support.cors = true; 
     return $.ajax({ 
     url: "http://dev.local:8009/hello.txt", 
     success: function(v) { console.log("success ", msg, v); } 
     }); 
    }; 
    </script> 
    <script type="text/javascript"> 
    console.log("page loaded");                                      
    doRequest('script'); 
    </script> 
</body> 
</html> 

这里的main.js。它导航到index.html并尝试评估应该导致AJAX请求的doRequest函数。但是,请求永远不会完成,而是超时。

var Browser = require("zombie"); 
const browser = new Browser({debug: true}); 
const rootURL = "http://dev.local:8009/" 

browser.visit(rootURL, function(err) {                                    
    browser.evaluate('console.log("browser.evaluate ✔");'); 
    browser.evaluate('doRequest("zombie");'); 
}); 

以下是运行DEBUG=zombie node ./main.js日志:

zombie Opened window http://dev.local:8009/ +0ms 
    zombie GET http://dev.local:8009/ => 200 +38ms 
    zombie Loaded document http://dev.local:8009/ +36ms 
    zombie GET https://code.jquery.com/jquery-2.2.0.min.js => 200 +55ms 
page loaded 
    zombie XHR readystatechange http://dev.local:8009/hello.txt +64ms 
    zombie XHR loadstart http://dev.local:8009/hello.txt +1ms 
    zombie GET http://dev.local:8009/hello.txt => 200 +9ms 
    zombie XHR readystatechange http://dev.local:8009/hello.txt +1ms 
    zombie XHR readystatechange http://dev.local:8009/hello.txt +0ms 
    zombie XHR readystatechange http://dev.local:8009/hello.txt +1ms 
    zombie XHR progress http://dev.local:8009/hello.txt +0ms 
success script hello, world 

    zombie XHR load http://dev.local:8009/hello.txt +2ms 
    zombie XHR loadend http://dev.local:8009/hello.txt +0ms 
    zombie Fired setTimeout after 0ms delay +1ms 
    zombie Event loop is empty +0ms 
browser.evaluate ✔ 
    zombie XHR readystatechange http://dev.local:8009/hello.txt +4ms 
    zombie XHR loadstart http://dev.local:8009/hello.txt +0ms 
    zombie GET http://dev.local:8009/hello.txt => 200 +6ms 

奇怪的是,僵尸似乎已经实际完成的要求:在日志的最后一行显示,HTTP 200收到答复,但事件从未被给予处理程序。

为什么僵尸发起的请求不能正确完成?

回答

0

我得到了同样的问题与zombie.js,所以我看了看源,发现下面几行:

// -- Event processing -- 

// Grabs next event from the queue, processes it and notifies all listeners. 
// Keeps processing until the queue is empty or all listeners are gone. You 
// only need to bootstrap this when you suspect it's not recursing. 
//... more lines ... 
// Is there anybody out there? 
if (this.waiting === 0) 
    return; 

所以没有事件,如果没有人在等待你需要添加browser.wait()

炒鱿鱼
browser.visit(rootURL, function(err) {                                    
    browser.evaluate('console.log("browser.evaluate ✔");'); 
    browser.evaluate('doRequest("zombie");'); 
    browser.wait(); 
});