我正在测试一个Web应用程序,其中之一的场景是从文件系统拖动文件并将其放置到组件上的能力。类似于此:http://s3u.github.com/har-view/ 和 http://html5demos.com/dnd-upload。是否有办法使用Web驱动程序模拟从文件系统拖放文件到元素上的操作?
唯一帮助我的是运行我在Selenium: Drag and Drop from file system to webdriver?中找到的JS代码。
只需将整个代码复制粘贴到您的项目中即可。
参见: static void DropFile(IWebElement target, string filePath, int offsetX = 0, int offsetY = 0) {
if (String.IsNullOrWhiteSpace(filePath))
{
throw new ArgumentNullException("filePath");
}
if (!File.Exists(filePath))
{
throw new FileNotFoundException(filePath);
}
IWebDriver driver = ((RemoteWebElement)target).WrappedDriver;
IJavaScriptExecutor jse = (IJavaScriptExecutor)driver;
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(30));
string 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.style.display = 'none';
input.onchange = function () {
target.scrollIntoView(true);
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;
";
IWebElement input = (IWebElement)jse.ExecuteScript(JS_DROP_FILE, target, offsetX, offsetY);
input.SendKeys(filePath);
wait.Until(ExpectedConditions.StalenessOf(input));