在木偶操纵者监听页面的回调之外捕捉错误

Question

我在使用puppeteer实现端到端测试时遇到了以下问题。

我尝试捕获页面侦听器之外的抛出错误。不幸的是，它不能在page.on（puppeteer）监听器的回调之外访问。

(async () => {
  try {   
// http error handling
    page.on('response', response => {
      if (!response.ok() && response.request().resourceType() === 'xhr')
        throw new Error('HTTP Error occurred');
    });
  } catch (err) {
    // want to catch error here
    console.log('error while running end-2-end test');
    process.exit(1);
  }
})();

我只记录UnhandledPromiseRejectionWarning

Answer 1

这是异步代码的常见问题。虽然你的代码看起来像是在try-catch块中抛出异常，但是你给page.on函数提供的函数稍后会运行，因此不会捕获任何抛出的错误。

因此，您必须将try-catch块移动到函数中（如果throw new Error只是示例代码）。如果需要，您仍然可以在catch块内调用外部作用域中的函数。或者，您可以删除throw语句并直接调用handleError函数。

function handleError(err) {
    // handle the error
}

page.on('response', response => {
    try {
        if (!response.ok() && response.request().resourceType() === 'xhr') {
            throw new Error('HTTP Error occurred');
        }
    } catch (err) {
        handleError(err);
    }
});

Answer 2

Using EventEmitter

您可以在eventEmitter上创建一个将侦听某些错误或自定义事件的实例。

// create your own error catching event
const events = require('events');
const catchErrors = new events.EventEmitter();
catchErrors.on('error', (err) => console.error(err));

稍后的，

page.on('response', response => {
      if (!response.ok() && response.request().resourceType() === 'xhr')
        catchErrors.emit('error', new Error('HTTP Error occurred'));
});

Catch all errors

process.on('unhandledRejection', error => {
  console.log('unhandledRejection', error.message);
});