在casper.click()上捕获网络资源请求

时间:2013-07-25 11:48:37

标签: javascript phantomjs casperjs

使用 casper.on(“resource.requested”),我们可以捕获资源请求并执行评估检查。

在页面加载时,我们正在推送数组中的所有网络请求URL,然后遍历该数组以查找对GOOGLE Analytics的调用次数(即_utm.gif)。

// google analytics calls testing
casper.test.begin('Test Container Tags', function suite(test) {

    casper.start("http://www.viget.com/", function() {

    });

    var urls = [],
        links = [];

    casper.on('resource.requested', function(requestData, resource) {
        urls.push(decodeURI(requestData.url));
    });

    casper.then(function() {
        var index = -1;
        var found = 0;
        for (var i = 0; i < urls.length; i++) 
        {
            index = urls[i].indexOf('__utm.gif');
            if (index > -1)
                found = found+1;
        }
        casper.echo('found' + found);
        test.assert(found > 0, 'Page Load Test Complete');
    });

    //Emit "resource.requested" to capture the network request on link click
    casper.then(function(self) {
        var utils = require('utils');
        var x = require('casper').selectXPath;
        casper.click(x("//a[data-type]"));
        casper.emit('resource.requested');
    });

    casper.run(function() { 
        test.done();
    });
});

但是,现在下一个Ask是验证超链接点击事件的网络资源请求。尝试使用 casper.emit(“resource.requested”)进行操作,但没有成功。

已经花了一整天的时间来找到相同的解决方法。此时我们将不胜感激。

1 个答案:

答案 0 :(得分:2)

点击后可以使用casper.waitForResource()并在那里进行验证。

casper.test.begin('Test Container Tags', function suite(test) {

casper.start("http://www.viget.com/", function() {

});

var urls = [],
    links = [];

casper.on('resource.requested', function(requestData, resource) {
    urls.push(decodeURI(requestData.url));
});

casper.then(function() {
    var index = -1;
    var found = 0;
    for (var i = 0; i < urls.length; i++) 
    {
        index = urls[i].indexOf('__utm.gif');
        if (index > -1)
            found = found+1;
    }
    casper.echo('found' + found);
    test.assert(found > 0, 'Page Load Test Complete');
});

//Emit "resource.requested" to capture the network request on link click
casper.then(function(self) {
    var utils = require('utils');
    var x = require('casper').selectXPath;
    casper.click(x("//a[data-type]"));

});

casper.waitForResource(function testResource(resource) {
    console.log('----->' + resource.url);
});

casper.run(function() { 
    test.done();
});

});