Zombie.js 错误：超时：未加载此页面上的所有资源

Question

我遇到了 Zombie.js 抛出错误 Error: Timeout: did not get to load all resources on this page 的问题。

它总是超级随机的，而且似乎总是发生在不同的测试中。

我曾经有以下代码行来防止这个问题。

Browser.waitDuration = '60s';

问题是最近 Stripe.js 导致了这个问题，我的单元测试需要额外的 55 秒。见this question。

所以 Stripe 建议我删除那条线。果然我的测试又开始跑得更快了。

但我忘记了我添加了该行以防止出现此超时错误。

有什么想法可以解决这个问题，同时确保我的单元测试不会花费不合理的时间吗？

Answer 1

我从未使用过 Zombie.JS，但我使用过很多 PhantomJS，并且遇到过类似的问题。我的解决方案是在测试期间阻止不必要的资源，从而将我的请求/响应时间减少到几毫秒（大部分时间）。

在另一个与zombie.js 相关的问题中有一个讨论，其中OP 想要阻止Google Analytics 等外部资源：

Prevent zombie.js from loading only external resources

提供了两个答案。第一个 - 选择的答案 - 与 3.1 之前的zombie.js 相关，第二个（非选择的答案）解释了如何使用“nock”npm 模块来存根外部资源。

抱歉，我没有时间制作任何示例。但是，我确实有一个在 PhantomJS 中阻塞资源的示例的要点：https://gist.github.com/mootzville/15af584e626b365d2664

也许这能给你一些想法。

祝你好运。

编辑（2017 年 6 月 3 日）：

我玩弄了您在评论中提供的代码。下面是一些代码示例，应该适合您同时使用僵尸和诺克：

nock('https://js.stripe.com')
  .get('/v2')
  .replyWithFile(200, __dirname + '/stripev2.js');

var Browser = require('zombie');
var browser = new Browser();
var url = 'https://js.stripe.com/v2';


browser.fetch(url)
  .then(function(response) {
    console.log('Status code:', response.status);
    if (response.status === 200)
      return response.text();
  })
  .then(function(text) {
    console.log('Document:', text);
  })
  .catch(function(error) {
    console.log('Network error');
  });

澄清一下，stripev2.js 文件应该存在于本地与入口点相同的目录中——如果您遵循 Node 约定，那么它将是您的 app.js 或 index.js 文件所在的位置（通常，应用程序的根目录）。