selenium - Watir - file_field 调用在驱动 Chrome 时点击了错误的元素

Question

在包含带有选择文件输入的表单的网页上工作，如以下代码段所示:

<form ... >
<div class="form__wrap">
  <ul class="form__list">
    Import: 
    <label for="fileUploadInput" class="btn mediaChoose inline" id="fileUpload">Choose File</label>
    <input class="mediaFile" id="fileUploadInput" name="file" type="file" />
  </ul>
</div>
...
</form>

使用 Watir WebDriver，以下返回 true:

puts file_field(:id => "fileUploadInput").exists?

但是，下面的 file_field 调用会在 Chrome 上导致以下错误(适用于 Firefox 和 IE):

file_field(:id => "fileUploadInput").set(pathtofile)

Element is not clickable at point (695, 314). Other element would receive the click:
<label for="fileUploadInput" class="btn mediaChooseinline" id="fileUpload">...</label>

Answer 1

我的猜测是你正在驾驶 Chrome，因为我以前见过这样的错误。错误消息是说您正在尝试单击文件上传元素，但标签显示在它上面，因此单击屏幕上所需的坐标将单击标签而不是文件上传元素。 Chrome 在这一点上感到困惑并拒绝点击。

为确保这是问题所在，请尝试使用其他浏览器(例如 Fireofox)执行相同的代码。经验表明，Firefox 并不关心其他元素是否会收到点击。