Javascript 单元测试 - DOM 操作

Question

我对 Javacript 单元测试还很陌生。一件事一直困扰着我。在测试 javascript 时，我们经常需要进行 DOM 操作。看起来我正在对 Controller /组件中的方法/函数进行单元测试，但我仍然需要依赖模板中的 HTML 元素。一旦更改了 id(或在我的测试用例中用作选择器的属性)，我的测试用例也需要更改!这不会违反单元测试的目的吗？

Answer 1

javascript 单元测试中最困难的部分之一不是测试，而是学习如何构建代码以使其可测试。

您需要通过明确分离可测试逻辑和 DOM 操作来构建代码。

我的经验法则是:

如果您正在测试任何依赖于 DOM 结构的东西，那么您就错了。

总结:尽量只测试数据操作和逻辑操作。