单击量角器中的上传按钮后如何关闭文件上传对话框

Question

我想在量角器中上传图像文件。问题是如果不点击上传按钮，我无法获取"input[type = "file"]" 元素。

当我点击上传按钮时，文件上传对话框弹出。

我试过了

browser.actions().sendKeys(protractor.Key.ESCAPE).perform(); 但它不起作用。

这就是我正在做的：

var image = '../images/image1.png';
var absPathImg = path.resolve(__dirname, image);
element(by.id('uploadImage')).click();
browser.actions().sendKeys(protractor.Key.ESCAPE).perform();
element(by.css('input[type=file]')).sendKeys(absPathImg);
element(by.id('upload')).click();

如何关闭该文件上传对话框以上传图片？

Answer 1

这是一个旧线程，但如果其他人遇到这个问题，我会回答。

我今天必须解决同样的问题。我能够解决打开上传对话框的问题，因为我很确定如果没有一些外部库就无法关闭它，而且在无头模式下也无法工作。

在将密钥发送到文件输入之前，您需要检查链接到上传按钮的点击事件的 javascript 并执行一些脚本。

这对每种情况都是单独的，但在我的情况下，我必须这样做（Python）：

script = (
        "var url = '/Contacting/UploadCsv'; "
        "$('#buttonFileUpload').data('url', url);"
        )
driver.execute_script(script)
driver.find_element_by_id('buttonFileUpload').send_keys(csv_path)

我从链接到按钮的 JS 函数中选择了该脚本。

Answer 2

像这样试试。我将它用于量角器，但我认为它与 Selenium 相似。 我也有一个问题是 Windows 文件对话框没有关闭。 我就是这样解决的：

element(by.css('elementForOpenDialog')).sendKeys(absPathImg);

向将打开文件对话框的元素发送密钥，而不是单击元素以打开文件对话框。只需发送到该元素的绝对路径，它将在不打开对话框的情况下上传。 它对我有用。祝你好运！

Answer 3

与其点击ESCAPE，不如模拟ENTER按键来模拟人进入路径并按下ENTER按键上传图片。

我正在我的代码中执行此操作，并且效果很好。

var path = require('path')
this.fileUploadOne = element(by.css('locator_to_element'));

var fileUpload = 'path_of_file_to_upload'

    absolutePath = path.resolve(__dirname,fileUpload);
    console.log(absolutePath);
    this.fileUploadOne.sendKeys(absolutePath);
    browser.actions().sendKeys(protractor.Key.ENTER).perform();

    //just for debugging purposes.
    browser.sleep(20000);