unit-testing - 使用 jQuery-Chai 测试元素

Question

我有几个使用 jQuery 的函数。我无法理解在 Mocha+Chai 中使用 jQuery-Chai 测试它们的正确方法。

我在 jQuery-Chai 插件中看到了断言列表。但是，我不明白我们从哪里获得 DOM 数据来运行这些断言？

理想情况下我想插入一行html。在其上运行函数。并使用 jQuery-Chai 断言进行验证。

谁能帮我弄清楚我要在哪里包含测试这些功能的夹具？

提前致谢。

使用:使用 Mocha+Chai 进行测试。

Answer 1

如您所述，chai-jquery仅提供可用于 DOM 元素的断言。您需要使用不同的库来实际填充 DOM。既然你已经need jQuery included for chai-jquery to work ，最简单的解决方案可能是使用 jQuery 的 append()函数将子元素添加到 DOM，然后在测试结束时使用 jQuery 的 remove() 删除它们功能。

或者，如果您想抽象一点 DOM 操作，您可以尝试引入一个固定库。为此，我最喜欢的是 js-fixtures .如果这就是您所需要的，您仍然可以使用 set() 函数轻松插入一行 html:

fixtures.set('<div>Your html here</div>');

如果您的测试 html 变得更加复杂，您可以将其提取到示例 html 文件中，并使用 load() 函数将其全部加载到 DOM 中:

fixtures.load('yourTestPage.html');

最后，当您的测试完成后，您可以使用 fixtures.cleanUp() 轻松清洁您的夹具。