使用 Selenium IDE 单击 Google 地图

我无法创建 Selenium 测试用例来自动点击 Google 地图（具体来说，通过单击地图来创建标记）。

1. IDE中的录制功能

   “记录”功能将我的鼠标点击记录为

   <tr>
       <td>click</td>
       <td>//div[@id='map_canvas']/div[3]/div/div/div[4]/div/div/div[5]</td>
       <td></td>
   </tr>
   

   执行该命令时，这不仅将标记方式放置在可见地图视图之外，而且在页面刷新时也不可靠，因为 GMap 嵌套 div 结构每次都会发生变化。

2. clickAt

   Here https://stackoverflow.com/questions/2589039/placing-an-embedded-google-map-marker-with-selenium建议将 clickAt 与外部 div 的 div 一起使用，如下所示：

   <tr>
       <td>clickAt</td>
       <td>//div[@id='map_canvas']/div/div[1]</td>
       <td>(400,300)</td>
   </tr>
   

   这根本不起作用。我已经尝试了我能想到的所有 click、clickAt 和 mouseDown/mouseUp 变体，但似乎没有任何结果。

我确实知道谷歌已经发布了他们的硒测试套件 http://code.google.com/p/gmaps-api-issues/wiki/SeleniumTests，但我不知道如何利用它来发挥我的优势。任何帮助，将不胜感激！

编辑：谷歌的方法（以及我发现的所有其他方法）不起作用的原因似乎是因为我正在使用谷歌地图 API 的 v3。 Google 自己的 Selenium 测试似乎使用的是 v2。

经过一番折腾后，我想我找到了一个足够优雅和健壮的解决方案，至少可以处理页面刷新。

首先，我想既然我可以使用 storeEval 命令运行任意 JS，也许我可以利用 JS 的强大功能来查找需要单击的元素。我的第一个想法是搜索实际图像并单击它：

var imgs = window.document.getElementsByTagName("img");
str = "";
for (var i = 0; i<imgs.length; i++) {
    if (imgs[i].src.match("GetMapImage")) {
        str = imgs[i].src;
        break;
    }
}
str;

上面的代码在所有图像中搜索包含“GetMapImage”的图像源，这是Google图像检索所特有的。然后，我将其存储在 Selenium 变量中，并使用确切的 src 来 clickAt。不幸的是，这是偶然的，因为同一个图像在三个不同的 div 中重复，并且不知道哪一个实际上会在顶部。

Then我找到了这个帖子：如何在 JavaScript 中使用 x,y 坐标模拟点击？ https://stackoverflow.com/questions/3277369/simulate-a-click-by-using-x-y-coordinates-javascript

由于我可以使用 Selenium 函数计算出地图的 X 和 Y 偏移量，因此我可以简单地运行 document.elementFromPoint() 来获取（我假设）如果您单击该 x 和 y 位置，您自然会单击的任何元素。我现在的步骤是：

1. 获取我的地图 div 的左侧和顶部位置。
2. 获取将在这些坐标处单击的元素。
3. 将此元素的 id 设置为唯一的值。
4. 使用带有此 id 的 clickAt 函数。

我成功的硒代码如下所示：

<tr>
    <td>storeElementPositionLeft</td>
    <td>id=map</td>
    <td>left</td>
</tr>
<tr>
    <td>storeElementPositionTop</td>
    <td>id=map</td>
    <td>top</td>
</tr>
<tr>
    <td>storeEval</td>
    <td>window.document.elementFromPoint(${left}, ${top}).id = &quot;selenium-gmap&quot;</td>
    <td>dummy</td>
</tr>
<tr>
    <td>clickAt</td>
    <td>id=selenium-gmap</td>
    <td>200,100</td>
</tr>

这至少可以在 Firefox 9.0.1 中运行，这对我来说已经足够好了。请注意，该解决方案取决于可用性 http://www.quirksmode.org/dom/w3c_cssom.html#documentviewdocument.elementFromPoint 函数的。