单元测试可以有效地减少代码出错的可能性，提高代码质量。Jest 是一种流行的 JavaScript 测试框架，相比其他测试框架，它提供了很多方便的功能，如自动 mocking 和 snapshot testing 等。
然而，写好一个 Jest 单元测试并不容易，特别是要写出易维护的测试代码。本文将会分享一些撰写易维护的 Jest 单元测试的经验和技巧。
1. 单一职责原则
在撰写 Jest 单元测试代码时，需要遵循单一职责原则（SRP），确保每个测试用例只测试一个功能或行为。
一个测试用例承担多个职责的风险是我们在修复一个问题时可能会触发另一个问题，这会增加维护难度并降低代码质量。
2. 测试首要原则
测试用例必须关注事物在正确情况下的行为。你可能关心的是不良行为，但在实践中，不良行为往往是清晰、准确的测试描述的结果。即使是测试不良行为的测试，也应该关注正确的结果和情况。
一个好的测试用例应该测试所需的结果和行为，同时杜绝不必要的细节和耦合。
3. 好的测试用例名称
好的测试用例名称对于阅读和理解测试用例非常重要。测试用例名称应该要能够简单、清楚地描述测试用例的功能或行为。
Jest 提供了一些方便的工具来帮助你编写良好的测试用例名称，例如 test、it 和 describe 等。
以下是一些较好的测试用例名称示例：
test('login should redirect to dashboard', () => { /*...*/ });
it('calculates the total when adding two numbers', () => { /*...*/ });
describe('when uploading a file', () => { /*...*/ });4. 描述被测码行为
测试用例应该描述被测代码的行为，而非实现。这样可以避免测试用例与实现的紧密耦合。
例如：
-- -------------------- ---- ------- -- --- ------------ ------ ------- ------ ---- --- ------- ------- -- -- - ----- ------ - ------ --- ----------------------- --- -- ---- ----------- ------ ------ --- --- -- --- --------- -- -- - ----- ------ - ------ --- ----------------------- ---
5. 使用模拟和断言（Mock and Assert）
在测试中，Mock 和 Assert 是两个非常关键的概念。Mock 用于模拟代码行为，以便我们可以在节省时间和资源的前提下测试代码。Assert 用于声明预期结果，以便测试运行时可以运行时间测试。
以下是测试用例的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
-------------------
----------- ------------ ---- ---- -- ----- ----- -- -- -
----- ---- - -
----- -------
--
----------------------------------- -- -----------------------
----- -------------------------------------------
---6. Jest Hook
Jest Hook 可以帮助我们在测试用例运行时执行一些常见操作。例如，我们可以使用 beforeAll 来在运行测试用例之前执行一些初始化代码。
以下是使用 Jest Hook 的简单示例：
-- -------------------- ---- ------- ------------ -- - -- ---- ------ --- ----- --- ----------- -- - -- ---- ----- --- ----- --- ------------- -- - -- ---- ------ ---- ---- --- ------------ -- - -- ---- ----- ---- ---- ---
7. 隔离测试代码
测试代码应该被隔离以防止测试结果的干扰。这意味着我们需要确保每个测试用例都在独立的上下文中运行。
以下是隔离测试代码的示例代码：
-- -------------------- ---- ------- -------- --- ----- -------- -- --- ------- -- -- - ----- ----- - - ---- ----- -- ----- ------ - ---------------- --------------------------- ---------- - ------ ---------------------------------- ---
8. 捕捉错误和异常
在测试中，我们需要确保正确地捕获错误和异常，并在测试结果中显示。Jest 提供了一些方便的工具来帮助我们捕获异常和错误，例如 expect.toThrow()，并且这些工具可以生成更具可读性的测试错误。
it('throws an error when input is not provided', () => {
expect(() => {
myFunction();
}).toThrow('Input is missing');
});9. 快照测试
快照测试可以帮助我们捕获代码的当前状态。它们很适合用于测试渲染视图、样式等方面，但不应该用于测试具有重复或随机行为的代码，或者具有变化的数据（例如时间戳或随机数）。
以下是使用 Jest 快照测试的示例：
it('matches the snapshot', () => {
const tree = renderer.create(<App />).toJSON();
expect(tree).toMatchSnapshot();
});结论
通过以上 9 个经验和技巧，你就可以撰写易维护的 Jest 单元测试代码。当然，这里的技巧和经验并不是全部，你需要根据实际情况自行进行实践和总结。
使用 Jest 编写单元测试的好处是显而易见的，它可以帮助我们有效地提高代码质量和测试覆盖率，以便在后续开发过程中减少错误和问题的出现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646c4600968c7c53b0b49045