点击最接近的父级上的点击事件

Question

我不得不重构现有的GWT Web项目，而不存在任何测试用例。在我开始之前，我想为常见操作创建测试用例。我正在尝试用zombie.js写一个测试用例。但我的问题更多的是一般的JavaScript挑战。看看下面的例子。我需要一个测试用例来模拟包含文本“Click me！”的UI元素的点击。但是，点击处理程序在之前分配给某个元素，例如c11或c1。任何想法如何实现？

<div id="c1"> 
    <div id="c11"> 
     <div id="c12"></div> 
     <div id="c13"></div> 
     <div id="c14"><nobr>Click me!</nobr></div> 
    </div> 
</div> 

Answer 1

点击事件应该自动起泡，从而触发您的处理程序。有关如何手动触发单击事件的信息，请参阅此答案：https://stackoverflow.com/a/2490876/315482

Answer 2

不确定zombie.js是在GWT应用程序中进行单元测试或集成测试的方法。避免js级别的东西的原因是，如果GWT Widget在应用程序DOM层中使用更改可能是不确定的，并且基于js的单元测试的东西变得片状。

GWT单元测试方法是记录在这里 - https://developers.google.com/web-toolkit/doc/latest/tutorial/JUnit

测试方法对于GWT应用程序 - https://developers.google.com/web-toolkit/articles/testing_methodologies_using_gwt

一些额外的资源 - http://code.google.com/p/gwt-test-utils/wiki/SimpleUnitTest