当前位置：首页 > 文章列表 > 文章 > 前端 > Jest测试JavaScriptGET请求方法

Jest测试JavaScriptGET请求方法

2025-07-25 11:06:30 0浏览收藏

golang学习网今天将给大家带来《Jest 测试 JavaScript REST GET 请求方法》，感兴趣的朋友请继续看下去吧！以下内容将会涉及到等等知识点，如果你是正在学习文章或者已经是大佬级别了，都非常欢迎也希望大家都能给我建议评论哈~希望能帮助到大家！

使用 Jest 进行 JavaScript REST GET 请求的单元测试

本文档旨在指导开发者如何使用 Jest 框架为 JavaScript 中的 REST GET 请求编写单元测试。我们将通过示例代码，详细介绍如何模拟 HTTP 请求、验证响应状态码和数据，以及处理错误情况，帮助你构建健壮可靠的测试用例，确保代码质量。

使用 Jest 测试 JavaScript REST GET 请求

在 JavaScript 开发中，经常需要与 REST API 进行交互。为了确保代码的正确性和可靠性，编写单元测试至关重要。本文将介绍如何使用 Jest 框架为 REST GET 请求编写测试用例。

前提条件

已安装 Node.js 和 npm。
已安装 Jest：npm install --save-dev jest

待测试的 GET 请求函数

假设我们有如下的 GET 请求函数，该函数使用 https 模块发起请求，并根据响应状态码调用不同的回调函数：

const https = require('https');

module.exports.get = function(req, url, callback, errorCallback) {
  https.get(getOptions(req, url), (response) => {
    handleResponse(response, callback, errorCallback);
  }).on('error', (e) => {
    console.error('MYAPP-GET Request.', e);
    if (errorCallback) {
      errorCallback(e);
    }
  });
};


function handleResponse(response, callback, errorCallback) {
  let rawData = '';
  response.on('data', (chunk) => {
    rawData += chunk;
  });

  response.on('end', () => {
    if (response.statusCode >= 200 && response.statusCode < 300) {
      callback(checkJSONResponse(rawData));
    } else if (errorCallback) {
      errorCallback(rawData);
    }
  });

}

function checkJSONResponse(rawData) {
  if (typeof rawData === 'object') {
    return rawData;
  }

  let data = {};
  if (rawData.length > 0) {
    try {
      data = JSON.parse(rawData);
    } catch (e) {
      console.log('Response is not JSON.');
      if (e) {
        console.log(e);
      }
      data = {};
    }
  }

  return data;
}

function getOptions(req, url) {
    // 这里只是一个占位符，实际项目中需要根据请求构造 options 对象
    return {
        hostname: new URL(url).hostname,
        path: new URL(url).pathname,
        method: 'GET'
    };
}

编写测试用例

接下来，我们将使用 Jest 编写测试用例来验证该函数的行为。

创建测试文件： 创建一个名为 yourModule.test.js 的文件（与包含 get 函数的模块同名，后缀为 .test.js）。

引入模块和 Jest 函数：

const module = require('./yourModule'); // 替换为你的模块路径
const https = require('https');

编写测试套件： 使用 describe 函数创建一个测试套件，用于组织相关的测试用例。
```
describe("get", () => {
  // 测试用例将在这里编写
});
```

编写测试用例： 使用 it 函数编写单个测试用例。每个测试用例应关注函数的一个特定方面。

模拟成功的响应：

it("should get a successful response from a valid URL", (done) => {
  const url = "https://www.google.com";
  const expectedStatusCode = 200;
  const expectedData = {
    name: "Google",
    domain: "www.google.com",
  };

  // Mock https.get
  const mockResponse = {
      statusCode: expectedStatusCode,
      on: (event, cb) => {
          if (event === 'data') {
              cb(JSON.stringify(expectedData));
          }
          if (event === 'end') {
              cb();
          }
      }
  };

  const mockHttpsGet = jest.fn((options, callback) => {
      callback(mockResponse);
      return {
          on: () => {} // 模拟 on('error')
      };
  });

  https.get = mockHttpsGet;

  module.get(null, url, (data) => {
    expect(data).toEqual(expectedData);
    expect(mockHttpsGet).toHaveBeenCalledTimes(1);
    done(); // 通知 Jest 测试完成
  }, (error) => {
      fail('Should not have called error callback');
      done();
  });
});

解释:

我们首先定义了期望的 URL、状态码和数据。
然后，我们使用 jest.fn() 创建了一个 https.get 的模拟函数，该函数返回一个模拟的 response 对象，其中包含期望的状态码和数据。
我们使用 https.get = mockHttpsGet; 将 https.get 替换为我们的模拟函数。
我们调用 module.exports.get 函数，并验证回调函数是否接收到期望的数据，并且 https.get 是否被调用。
done() 函数用于通知 Jest 测试用例已完成，因为 module.exports.get 函数是异步的。

模拟错误的响应：

it("should get an error response from an invalid URL", (done) => {
  const url = "https://www.google.com/asdfasdf";
  const expectedStatusCode = 404;

  // Mock https.get
  const mockResponse = {
      statusCode: expectedStatusCode,
      on: (event, cb) => {
          if (event === 'data') {
              cb(''); // 模拟空数据
          }
          if (event === 'end') {
              cb();
          }
      }
  };

  const mockHttpsGet = jest.fn((options, callback) => {
      callback(mockResponse);
      return {
          on: (event, cb) => {
              if (event === 'error') {
                  // 模拟错误
                  cb(new Error('Request failed with status code 404'));
              }
          }
      };
  });

  https.get = mockHttpsGet;

  module.get(null, url, null, (error) => {
      expect(mockHttpsGet).toHaveBeenCalledTimes(1);
      done();
  });
});

解释:

与成功响应的测试用例类似，我们模拟了 https.get 函数，但这次我们返回一个具有错误状态码的模拟响应。
我们验证了 errorCallback 是否被调用。

测试 JSON 响应：

it("should get a JSON response", (done) => {
  const url = "https://api.github.com/users/bard";
  const expectedStatusCode = 200;
  const expectedData = {
    login: "bard",
    name: "Bard",
    email: "<a class=\"__cf_email__\" data-cfemail=\"a9cbc8dbcde9ccd1c8c4d9c5cc87cac6c4\" href=\"/cdn-cgi/l/email-protection\">[email protected]</a>",
  };

  // Mock https.get
  const mockResponse = {
      statusCode: expectedStatusCode,
      on: (event, cb) => {
          if (event === 'data') {
              cb(JSON.stringify(expectedData));
          }
          if (event === 'end') {
              cb();
          }
      }
  };

  const mockHttpsGet = jest.fn((options, callback) => {
      callback(mockResponse);
      return {
          on: () => {}
      };
  });

  https.get = mockHttpsGet;

  module.get(null, url, (data) => {
    expect(data).toEqual(expectedData);
    expect(mockHttpsGet).toHaveBeenCalledTimes(1);
    done();
  }, (error) => {
      fail('Should not have called error callback');
      done();
  });
});

解释:

此测试用例验证了当 API 返回 JSON 响应时，module.exports.get 函数是否正确解析 JSON 数据并将其传递给回调函数。

运行测试

在终端中，运行以下命令来运行测试：

npm test

Jest 将运行所有测试用例，并显示测试结果。

注意事项

清理模拟： 在每个测试用例之后，使用 jest.clearAllMocks() 清理模拟，以避免测试用例之间的干扰。
异步测试： 由于 module.exports.get 函数是异步的，因此需要使用 done() 回调函数或 async/await 来处理异步测试。
错误处理： 确保测试用例覆盖了所有可能的错误情况，例如无效的 URL、网络错误等。
Mock 的范围： 确保 mock 的范围尽可能的小，只 mock 必要的函数或模块，避免过度 mock。
测试覆盖率： 考虑使用 Jest 的测试覆盖率功能来确保你的测试用例覆盖了所有重要的代码路径。

总结

本文介绍了如何使用 Jest 框架为 JavaScript REST GET 请求编写单元测试。通过模拟 HTTP 请求、验证响应状态码和数据，以及处理错误情况，你可以构建健壮可靠的测试用例，确保代码质量。记住，良好的单元测试是高质量软件的基础。通过编写全面的测试用例，你可以及早发现和修复错误，提高代码的可维护性和可扩展性。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。