javascript - 测试异步函数的问题

Question

我偶然发现了测试异步代码的问题。

这是我的函数的代码:

export default base64String =>
  new Promise((resolve, reject) => {
    const image = new Image();

    image.onload = () => {
      const dimensions = {
        width: image.width,
        height: image.height,
      };

      resolve(dimensions);
    };
    image.onerror = err => reject(err);

    image.src = base64String;
  });

它接受一个base64编码的字符串并返回图像的宽度和高度；

测试看起来如下:

import checkBase64 from '../src/helpers/check-base64';

import base64String from './base64String';

test('should return width and height of an image in base64', async () => {    
  const result = await checkBase64(base64String);
});

问题是测试失败并出现错误:

Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.

我正在关注 jest docs和 some stack overflow questions但他们都没有帮助

Answer 1

Image 构造函数只存在于 DOM 中，Jest 测试在 Node 中运行。看起来从 checkBase64 函数返回的 promise 在尝试访问 Image 时无提示地失败了。您需要模拟它，要么使用最小的东西 (global.Image = ...)，要么使用像 jsdom 这样功能齐全的东西。 .