深入浅出前端单测策略，避开 “实现细节” 的误区

前言

哈喽，大家好，我是海怪。相信不少同学在写单测的时候，最大的困扰不是如何写测试代码，而是：“应该测什么？”，“要测多深入”，“哪些不该测”。最近在给 React 组件写单测的时候，发现了 Ke 这篇《前端单元测试，实现细节到底要不要测？》。

这篇文章给了我很多启发，让我对前端单测有了更深入的理解。今天，我就想和大家分享一下我的心得体会，希望对大家有所帮助。

测试粒度

在单测中，测试粒度是一个非常重要的概念。它决定了我们要测试代码的哪个部分。一般来说，我们可以将测试粒度分为单元测试和集成测试。

单元测试是指对代码的最小单元进行测试。例如，对于一个函数，单元测试就是测试这个函数是否按照预期的输入输出。集成测试是指对多个代码单元组合在一起进行测试。例如，对于一个组件，集成测试就是测试这个组件是否能正常工作。

为什么不要测 “实现细节”

在前端单测中，我们经常会听到这样一句话：“不要测实现细节”。这句话是什么意思呢？

其实，实现细节是指代码中那些不重要的细节，它们对代码的整体功能没有影响。例如，一个函数的具体实现算法，就是一个实现细节。

测试实现细节没有意义，因为它无法保证代码的整体功能是正确的。而且，测试实现细节会使测试代码变得非常复杂和难以维护。

如何避免测试 “实现细节”

为了避免测试实现细节，我们可以使用模拟函数、桩函数和间谍函数。

模拟函数是指一种可以替代真实函数的函数。它可以让我们在测试代码时，不必关心真实函数的具体实现。

桩函数是指一种可以控制其行为的函数。它可以让我们在测试代码时，模拟出特定的情况。

间谍函数是指一种可以记录其行为的函数。它可以让我们在测试代码时，了解函数的调用情况。

结合测试驱动开发和敏捷开发

测试驱动开发 (TDD) 是一种软件开发方法，它要求开发人员在编写代码之前先编写测试代码。TDD 可以帮助我们编写出更高质量的代码，因为它迫使我们从一开始就考虑代码的测试性。

敏捷开发是一种软件开发方法，它强调团队合作和快速迭代。敏捷开发可以帮助我们更快地交付软件，因为它允许我们不断地改进软件。

TDD 和敏捷开发都是非常适合前端开发的方法。它们可以帮助我们编写出更高质量、更易维护的前端代码。

总结

前端单测是一个非常重要的环节，它可以帮助我们编写出更高质量、更易维护的前端代码。在前端单测中，我们需要注意以下几点：

• 不要测试实现细节。
• 使用模拟函数、桩函数和间谍函数来避免测试实现细节。
• 结合测试驱动开发和敏捷开发来编写测试代码。

希望这篇文章能对大家有所帮助。谢谢大家！