Question

我正在尝试使用量角器上传输入类型：文件控件上的图像。

我使用以下代码：

var basePath='../testdata/testappicons/accepted';
var randomIcon=randomIntFromInterval(1,6);
var overallPathToIcon=basePath+randomIcon+'.png';
var fileToUpload = overallPathToIcon;
console.log(fileToUpload);
var absolutePath = path.resolve(__dirname, fileToUpload)
browser.executeScript('$(\'input[type="file"]\').attr("style", "");');
$('input[type="file"]').sendKeys(absolutePath);

上面的代码适用于chrome，我可以上传文件，但是当我在firefox和IE上使用相同的代码时。我收到以下错误：

ElementNotVisibleError：未显示元素

这是表单的HTML：

div class="fileUpload" ng-click="IsInValid=true">
<label class="btn btn-white uploadBtn" title="Upload image file" for="upload-image">
<input id="uploadFile" type="text" readonly="" placeholder="Browse new app icon" value="maxsizepngfile.png">
<input id="upload-image" class="upload ng-pristine ng-untouched ng-valid ng-isolate-scope" type="file" ng-model="image" image="appicon" accept="image/*">
</label>
<label class="btn btn-warning" for="upload-image">
<span>Browse</span>
</label>
</div>

我的猜测是因为这是一个只读，这就是为什么它不起作用。有人可以帮我解决这个问题吗？

这是为我工作的代码

var basePath='../testdata/testappicons/accepted';
        var randomIcon=randomIntFromInterval(1,6);
      var overallPathToIcon=basePath+randomIcon+'.png';
          var fileToUpload = overallPathToIcon;
          console.log(fileToUpload);
      var absolutePath = path.resolve(__dirname, fileToUpload)
      //browser.executeScript('$(\'input[type="file"]\').attr("style", "");');

        var elm = $('input[type="file"]');  // protractor's shortcut to element(by.css("css"))
        //browser.executeScript('var input = $("input:file"); var elm = input[0];elm.style.visibility = "visible"; elm.style.height = "1px"; elm.style.width = "1px";elm.style.opacity = 1;');

        browser.executeScript('var input = $("input:file"); input[0].removeAttribute("class");');
        elm.sendKeys(absolutePath);

Answer 1

这仍然是一个猜测，但是受过教育的人：不要让jQuery设置style：

var elm = $('input[type="file"]');  // protractor's shortcut to element(by.css("css"))
browser.executeScript('arguments[0].style = {};', elm.getWebElement());

elm.sendKeys(absolutePath);

另外，要关注@ dmitankin的评论和Does WebDriver support file uploads?常见问题解答部分，请尝试以这种方式显示元素：

function makeVisible(arguments) {
    var elm = arguments[0];

    elm.style.visibility = 'visible'; 
    elm.style.height = '1px'; 
    elm.style.width = '1px';
    elm.style.opacity = 1;
}
browser.executeScript(makeVisible, elm.getWebElement());

量角器图像上传不适用于IE和Firefox

1 个答案: