javascript - JavaScript 测试输入

Question

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

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

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

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

Answer 1

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

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

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