JavaScript测试输入

Question

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

我想写试验证明，这是正常工作使用mocha

我的问题是，这是更好的路线采取

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

Answer 1

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

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

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