6

我正在使用 Mocha + Chai 和axios-mock-adapter来测试我的 axios 请求。它运作良好，但我不知道test headersaxios-mock-adapter 如何使用 axios 并确保Authorization它Content-type是正确的！

export const uploadFile = (token: string, fileName: string, file: Buffer): Promise<string> => {
  return new Promise((resolve, reject): void => {
    const uploadFileURL = `xxxxx.com`;
    axios
      .put(uploadFileURL, file, {
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-type": "application/x-www-form-urlencoded",
        },
      })
      .then((response): void => {
        resolve(response.data.id);
      })
      .catch((error: Error): void => {
        reject(error.message);
      });
  });
};

这是我的测试功能

  describe("uploadFile", (): void => {
    let mockAxios: MockAdapter;
    beforeEach((): void => {
      mockAxios = new MockAdapter(axios);
    });

    afterEach((): void => {
      mockAxios.reset();
    });

    it("should return item's id", (done): void => {
      const fileName: string = faker.system.fileName();
      const token: string = faker.random.words();
      const file: Buffer = Buffer.from(faker.random.words());
      const expectedResult = {
        id: faker.random.uuid(),
      };
      mockAxios.onPut(`xxxxx.com`).reply(200, expectedResult, {
        Authorization: `Bearer ${token}`,
        "Content-type": "application/x-www-form-urlencoded",
      });

      uploadFile(token, fileName, file)
        .then((actualResult: string): void => {
          // I want to test my header of my requests
          expect(actualResult).to.equal(expectedResult.id);
          done(); // done make sure we know when we run the test
        })
        .catch(done);
    });
  });

因此，如果有人知道如何为标头请求编写正确的测试，请帮助我。提前致谢！

4

2 回答 2

7

现在唯一的方法是访问请求标头.reply并在此处验证它：

mockAxios.onPut(`xxxxx.com`).reply((config) => {
  expect(config.headers."Content-Type").toEqual("What do you expect here");
  return [200, expectedResult, {
    Authorization: `Bearer ${token}`,
    "Content-type": "application/x-www-form-urlencoded",
  }];
});

实际上我相信它也应该以声明的方式是可能的：

mockAxios.onPut(`xxxxx.com`, undefined, { 
  expectedHeader1: "value1", 
  expectedHeader2: "value2"}
).reply(200, expectedResult);

因此，如果请求标头不匹配，它只会抛出而不是返回模拟响应。

但现在这种方式行不通。

原因：axios-mock-adapter用于deepEqual这样的过滤。因此，我们不仅需要指定几个必需的标头（我们正在关注），而且包括那些 axios 在内的所有Accept标头都自己添加（例如）。所以它不是真正可读的。

我已经在他们的回购中提交了#219。如果出于任何原因不是故意的，将来可能会修复。

于 2019-10-11T07:02:29.427 回答
0

@skyboyer 提到的声明方式适用于objectContaining。

mockAxios.onPut(
  `xxxxx.com`,
  undefined,
  expect.objectContaining({ expectedHeader1: "value1", expectedHeader2: "value2"})
).reply(200, expectedResult);
于 2022-02-14T16:01:41.727 回答