JavaScript 测试输入

Question

我有一些 JavaScript 功能，可以从当前页面上的输入读取值。这些是使用一些自定义属性来选择的。

我想使用 mocha 编写测试来证明它可以正常工作。

我的问题是，哪条路线更好

1. 在显示 Mocha 测试结果的页面上创建输入？
2. 尝试模拟一个对象来充当当前页面？

Answer 1

取决于您的代码。大多数时候，您将使用 jquery 从输入字段获取数据。然后更容易在 DOM 中为测试创建输入字段，因为在这种情况下模拟 jquery 并不那么容易。您必须首先模拟 $，它必须返回一个带有 val 函数的对象。

您还可以重写代码，使您想要测试的函数始终将数据作为参数注入(inject)获取，而不是从输入字段中读取数据。

最后，从 DOM 获取数据与在要测试的函数中使用 new 运算符或使用全局变量基本相同，为了更好的可测试性，应该避免这种情况。