CasperJS跳过超时

问题描述

我的casperjs测试中有一个页面有图像，我不要等到这个页面加载到下一步。我该怎么做 ？
我试过这种方式

I have one page in my casperjs test that has images , I dont what to wait until this page loaded to go to the next step. How can I do it ? I have tryed this way

var casper = require("casper").create({
   onStepTimeout: function() {
                        this.echo("TIMEOUT" + this.requestUrl,"RED_BAR");
   // Some skip page controlling code 
   },
);
var timeout = ~~casper.cli.get(0);

casper.start("http://127.0.0.1/index2.php", function () {
    this.echo("FIRST GOOD PAGE", "GREEN_BAR");
    casper.options.stepTimeout = timeout;
});

casper.thenOpen("http://127.0.0.1/slowpage.php", function() {
        this.echo("SECOND PAGE LOADED - I want to be called even  have received Timeout!", "GREEN_BAR");
});

casper.then(function() {
    this.echo("THEN!", "GREEN_BAR"); 
});

但是casper只是在加载slopage.php之前调用onStepTimeout。

But it casper just calls onStepTimeout until slopage.php is loaded.

推荐答案

您可以在casper中添加 request.abort（）; 步骤结束步骤并继续下一步：

You can add request.abort(); in a casper step to end the step and proceed to the next step:

casper.then(function() {
  request.abort();
  this.echo('You will never see me');
});

casper.then(function() {
  this.echo('I execute next');
});

您还可以根据打开请求。此函数将检查匹配的URL，然后在打开之前中止，并将返回http状态代码：

You can also check if you want to abort based on open request. This function will check the url for a match and then abort before opening and will return an http status code:

casper.on('page.resource.requested', function(requestData, request) {
    if (requestData.url.indexOf('slowpage.php') !== -1) {
        request.abort();
    }
});

您可以更改 waitTimeout 和 stepTimeout 设置。此外，在 pageSettings 下，您可以使casper不加载图像。示例：

You can change the waitTimeout and stepTimeout settings. Also, under pageSettings you can make casper not load images. Example:

var casper = require('casper').create ({
    waitTimeout: 10000,
    stepTimeout: 10000,
    verbose: true,
    viewportSize: {
      width: 1400,
      height: 768
    },
    pageSettings: {
      "userAgent": 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.10 (KHTML, like Gecko) Chrome/23.0.1262.0 Safari/537.10',
      "loadImages": false,
      "loadPlugins": false,         
      "webSecurityEnabled": false,
      "ignoreSslErrors": true
    },
    onWaitTimeout: function() {
        //throw new Error
    },
    onStepTimeout: function() {
        //throw new Error
    }
});

你可以使用casper 等待页面完全加载。只需返回true 。它甚至有自己的超时功能。所以你可以这样做：

You can use casper waitFor to wait until the page has completely loaded. Just return true. It even has its own timeout function. So you could do something like this:

casper.waitFor(function check() {
    casper.thenOpen("http://127.0.0.1/slowpage.php", function() {
        //+++ casper will wait until this returns true to move forward. 
        //+++ The default timeout is set to 5000ms
        this.evaluate(function() {
          //checks for element exist
          if (document.getElementById('someElement')) {
            console.log('Im loaded!');
            return true;
          }
        });
    });   
}, function then() {    // step to execute when function check() is ok
    //+++ executes ONLY after the 'casper.thenOpen' returns true.
    this.echo("THEN!", "GREEN_BAR");
}, function timeout() { // step to execute if check has failed
    //+++ code for on timeout.  This is different than onStepTimeOut.
},1000);// custom timeOut setting.

这篇关于CasperJS跳过超时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！