带有Selenium的Python:从文件系统拖放到WebDriver? [英] Python with Selenium: Drag and Drop from file system to webdriver?
问题描述
我必须自动化一个Web应用程序,该应用程序包含一个拖放区域,用于从本地文件系统上载文件。我的测试环境是使用Python开发的。对于自动化测试,我使用了Selenium,但是一旦上传区域是div标签(没有输入标签-这样我就很容易),就不可能从文件系统中拖动文件。
I have to automate a web-application, which contains a drag and drop area for uploading files from the local file system. My test environment is developed using Python. For the automation tests I have used Selenium, but it is not possible to drag files from the file system, once the upload area is a div tag (No input tag - this way I know it would be easy).
我读了很多不同的文章,但目前没有一篇对我有用。需要特别强调的是,我对使用AutoIT并不感兴趣,仅对带有硒的本机python感兴趣。
I read a lot of different articles, but by the moment none worked for me. It's important to highlight that I'm not interested in using AutoIT, only native python with selenium.
我发现了硒:从文件系统拖放至webdriver?看起来真正有希望的是,但是我
I found this Selenium: Drag and Drop from file system to webdriver? what looks really promising, however I do not know to adapt to Python.
非常感谢!
推荐答案
这是通过脚本进行输入注入的技巧的python版本。
Here's the python version of the trick with input injection via script.
JS_DROP_FILE = """
var target = arguments[0],
offsetX = arguments[1],
offsetY = arguments[2],
document = target.ownerDocument || document,
window = document.defaultView || window;
var input = document.createElement('INPUT');
input.type = 'file';
input.onchange = function () {
var rect = target.getBoundingClientRect(),
x = rect.left + (offsetX || (rect.width >> 1)),
y = rect.top + (offsetY || (rect.height >> 1)),
dataTransfer = { files: this.files };
['dragenter', 'dragover', 'drop'].forEach(function (name) {
var evt = document.createEvent('MouseEvent');
evt.initMouseEvent(name, !0, !0, window, 0, 0, 0, x, y, !1, !1, !1, !1, 0, null);
evt.dataTransfer = dataTransfer;
target.dispatchEvent(evt);
});
setTimeout(function () { document.body.removeChild(input); }, 25);
};
document.body.appendChild(input);
return input;
"""
def drag_and_drop_file(drop_target, path):
driver = drop_target.parent
file_input = driver.execute_script(JS_DROP_FILE, drop_target, 0, 0)
file_input.send_keys(path)
由于 drop_target
传递了一些在
方法是使用Selenium的 execute_script
函数来模拟拖放事件来调用javascript。该代码的工作方式如下:
The approach is to invoke a javascript using selenium's execute_script
function to emulate drag and drop events. The code works as following:
- 硒调用javascript代码
- javascript创建输入元素并将其附加到DOM
- javascript将处理程序附加到输入上,以模拟当用户实际放下文件时发生的鼠标事件,即
dragenter
,拖放
,拖放
。 - 硒使用文件路径更新输入。此时,将调用步骤2中的处理程序,它会模拟拖放事件。
- selenium invokes javascript code
- javascript creates input element and attaches it to DOM
- javascript attaches a handler to the input which emulates mouse events that happens when user actually drops a file, namely
dragenter
,dragover
,drop
. - selenium updates the input with the path to the file. At this point the handler from step 2 is invoked and it emulates drag and drop events.
这篇关于带有Selenium的Python:从文件系统拖放到WebDriver?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!