JavaScript测试输入

Question

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

我想编写测试以证明这是使用mocha

正常工作

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

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

Answer 1

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

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

最后从DOM中获取数据与在测试或使用全局变量的函数中使用new运算符大致相同，应该避免这样做以获得更好的可测试性。