如何测试onClick事件

Question

我是一名新手，对JS不太熟悉。我的场景如下：点击按钮将会弹出一个使用jQuery编写的 div 内容。

现在我想要测试这个场景，应该怎么做呢？人们更喜欢使用Jasmine进行测试。

但是我想知道，这样做有什么意义，因为如果我们像这样进行测试：

Test: emulate click on button and check the div content is visible.

如果我们遵循这个模式，难道不是在测试jquery的onClick而不是我们自己的行为吗？

我错过了什么吗？

- batman

Answer 1

您实际上并没有测试jQuery的click事件，而是在测试单击另一个button时显示div的过程，其中包括测试：

• 您的div已经存在于页面上
• jQuery已经正确加载
• 您的div具有适当的ID
• 您想要显示的div在DOM中
• 您想要显示的div确实被显示了出来

- Mathew Thompson

---

但是，如果所有这些都要在onClick方法中发生，那么它们的调用不是jQuery的责任吗？我还没有理解Jasmine背后的思想。 - batman

@batman 嗯，从技术上讲，jQuery并不负责确保DOM中存在适当的ID元素（这是你的职责）。 - Mathew Thompson

@batman Jasmin是用于行为驱动开发测试的，因此如果不了解您的开发场景，很难给您提供想法。我建议您阅读有关行为驱动开发的内容，以更好地了解使用Jasmine的技术。 - Mathew Thompson