如何测试该提取响应是一种arraybuffer

Question

我具有返回ArrayBuffer类型响应的函数，此功能正在获取.jpeg或.pdf数据，然后我使用它在浏览器中显示文档：

export async function getStatementsPDF(url: string, statement: Statement, setError: (err: any) => void) {
  return await fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    credentials: 'include',
    body: JSON.stringify({
      reportNumber: statement.reportNumber,
      creationDate: statement.creationDate,
    }),
  })
    .then((response) => {
      if (response.ok) {
        return response.arrayBuffer();
      }
      throw new Error('Something goes wrong while fetching your statement!');
    })
    .catch((err) => setError(err));
}

现在，我尝试用Jest和jest and msw 我嘲笑了我的回复，现在在控制台中，我看到我的功能返回 ArrayBuffer，

import * as path from 'path';
import * as fs from 'fs';
import { setupServer } from 'msw/node';
import { getJointAccountsStatementsPDF } from '../index';
import { rest } from 'msw';

const URL = 'http://localhost:1234/testing';
const server = setupServer(
  rest.post(URL, (_, res, ctx) => {
    // Read the image from the file system using the "fs" module.
    const imageBuffer = fs.readFileSync(path.resolve(__dirname, './statement-demo.pdf'));
    return res(
      ctx.set('Content-Length', imageBuffer.byteLength.toString()),
      ctx.set('Content-Type', 'image/jpeg'),
      // Respond with the "ArrayBuffer".
      ctx.body(imageBuffer),
    );
  }),
);

describe('getStatementsPDF', () => {
  test.only('should return ArrayBuffer', async () => {
    server.listen();
    const res = await getStatementsPDF(
      URL,
      { creationDate: '2022-11-11', reportNumber: '21313', title: 'title' },
      (err) => {},
    );
    console.log('res', res);
    expect(res instanceof ArrayBuffer).toEqual(true);
  });
});

但这是：

expect(res instanceof ArrayBuffer).toEqual(true);

没有返回。

如何确保我的响应类型是ArrayBuffer？

Answer 1

您的getStatementPDF函数返回的承诺并不总是能通过arrayBuffer来实现。有时，它可以通过undefined（假设setError没有明确的返回带有值）。原因是：

.catch((err) => setError(err));

通过setError的返回值将拒绝转换为实现。

诺言最常见的错误之一是为时过早处理拒绝。 getStatementpdf几乎可以肯定不是处理拒绝，以便拒绝传播给呼叫者，这可以看到操作失败并相应地行动。

但是，如果您要拥有getStatementpdf执行此操作，那么您应该准备等待getStatementspdf有时会导致undefined。

以下是a）＆nbsp;无法过早处理错误的函数的版本，b）＆nbsp;使用等待而不是明确的承诺回调函数：

export async function getStatementsPDF(url: string, statement: Statement) {
    const response = await fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        credentials: 'include',
        body: JSON.stringify({
            reportNumber: statement.reportNumber,
            creationDate: statement.creationDate,
        }),
    });
    if (response.ok) {
        throw new Error('Something goes wrong while fetching your statement!');
    }
    return await response.arrayBuffer();
    //     ^^^^^−−−−− this isn't strictly necessary, but it can make the `async`
    //                call stack clearer about where the error occurred
}

调用者在调用时会处理拒绝。您的测试可能不需要，因为我认为如果该功能拒绝其承诺，则测试应该失败。