点击事件未在GWT网站上触发

时间:2018-06-24 07:36:58

标签: javascript jquery html5 gwt automation

我正在尝试在GWT构建站点的客户端上自动化测试。 我已经能够遍历所有DOM元素,并找到了可点击的span元素,我尝试了click()方法,但从未触发。

这只能在客户端完成。我无法调整源代码以包含任何ID或名称。

这是我从头开始的HTML代码。确实会找到包含表的div,并获得第一个td内的span标签。

    <div tabindex="1779" id="isc_8C" style="left: 0px; top: 62px; width: 1566px; height: 165px; overflow: hidden; display: inline-block; position: absolute; z-index: 201998; cursor: default; background-color: white;" onfocus="isc.EH.focusInCanvas(ResultsGrid_1_body,true);"
onblur="if(window.isc)isc.EH.blurFocusCanvas(ResultsGrid_1_body,true);" onscroll="return ResultsGrid_1_body.$lh()" eventproxy="ResultsGrid_1_body">
    <div id="isc_8B" style="width: 1566px; position: relative; z-index: 1000;">
        <form onsubmit="return false;" action="javascript:void(0)">
            <div id="ResultsGrid_1_body$28s" style="width: 1px; height: 0px; overflow: hidden; display: none;"><span style='width: 1px; height: 0px; vertical-align: text-top; display: inline-block;'></span>
            </div>
            <table width="1550" class="listTable" id="isc_8Ctable" role="presentation" style="overflow: hidden; table-layout: fixed;" border="0" cellspacing="0" cellpadding="2">
                <tbody>
                    <tr role="listitem" aria-selected="true" aria-posinset="1" aria-setsize="1">
                        <td width="396" align="left" class="tallCellSelectedOver" style="height: 16px; overflow: hidden;">
                            <span class="clickable">748754434564</span>
                        </td>
                        <td width="180" align="left" class="tallCellSelectedOver" style="height: 16px; overflow: hidden;">Jon, smith</td>
                </tbody>
            </table>
            <div id="ResultsGrid_1_body$284" style="width: 1px; height: 0px; overflow: hidden; display: none;"><span style='width: 1px; height: 0px; vertical-align: text-top; display: inline-block;'></span>
            </div>
        </form>
    </div>
</div>

脚本代码是

$('div [eventproxy=ResultsGrid_1_body] table td span').click();

如何单击span标签?

1 个答案:

答案 0 :(得分:0)

尝试将id与span关联,然后在body标签末尾之前添加该函数,或者如果包含js文件,则在body标签上方而不是在开头将其调用。

<span id="sp"> </span>

可以在这里看到工作示例

https://jsfiddle.net/2b645Lup/5/