在前端开发中，单元测试是非常重要的一环。它可以帮助我们确保代码的正确性和可维护性，提高代码质量和开发效率。本文将介绍如何测试一个调用另一个方法的方法，并提供示例代码和指导意义。
测试场景
假设我们有两个方法 methodA 和 methodB，其中 methodA 会调用 methodB。我们需要测试 methodA 的正确性，同时也需要测试 methodB 的正确性。
以下是一个示例代码：
-- -------------------- ---- ------- -- -------- -------- ----------------- - ------ ----- - -------- --------- - ----- ------ - ------------------ ------ ------ -- ---------- - -------- --------- - -- -- --------- ------ ----- -
这里的 utilityFunction 是一个模拟的工具函数，它返回一个布尔值 true。methodA 调用了 utilityFunction 并取得返回值，在此基础上再调用 methodB。methodB 的具体实现并不重要，我们只需要知道它会返回一个布尔值即可。
我们需要编写单元测试来测试 methodA 和 methodB 的正确性。
单元测试
在进行单元测试之前，我们需要先安装单元测试框架。这里以 Jest 为例：
npm install jest --save-dev
目录结构
为了便于管理，我们可以将测试文件存放在一个独立的目录中。以下是一个示例目录结构：
├── src/
│ ├── methodA.js
│ └── methodB.js
└── tests/
├── methodA.test.js
└── methodB.test.js其中 src 目录存放源代码文件，tests 目录存放单元测试文件。
测试 methodB
首先，我们需要编写一个测试文件来测试 methodB 的正确性。创建 methodB.test.js 文件，并添加以下代码：
const methodB = require('../src/methodB');
describe('methodB', () => {
test('should return true', () => {
const result = methodB();
expect(result).toBe(true);
});
});这里使用了 Jest 提供的 describe 和 test 函数。describe 用于描述一组测试用例，test 用于编写具体的测试用例。在测试用例中，我们调用 methodB 并断言其返回值应为布尔值 true。
测试 methodA
接下来，我们需要编写一个测试文件来测试 methodA 的正确性。创建 methodA.test.js 文件，并添加以下代码：
-- -------------------- ---- -------
--------------------------- -- -- -
------ --------------------------------
---
----- ------- - --------------------------
------------------- -- -- -
------------ ---- --------------- --- --------- -- -- -
----- --- - ------------------ -------------------
----- ------ - ----------
-------------------------------
--------------------------
---
---这里用到了 Jest 的模块自动化模拟和函数模拟功能。在测试文件的开头，我们使用 jest.mock 函数来模拟 methodB 的实现，使其始终返回布尔值 true。在测试用例中，我们使用 jest.spyOn 函数来监视全局作用域下的 utilityFunction，并断言它被调用过，并且 methodA 的返回值为布尔值 true。
指导意义
通过上述示例，我们可以学习到如何测试一个调用另一个方法的方法。在编写单元测试时，我们需要将被测试的代码按照其功能拆分成多个方法，并尽量保持方法之间的解耦。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60542e628d846479e750abe1