sendKeys 方法不适用于反应页面答案

【问题标题】：sendKeys method doesn't work with react pagesendKeys 方法不适用于反应页面
【发布时间】：2021-07-18 05:49:53
【问题描述】：

我正在尝试使用 sendKeys 方法上传文件并添加文件的绝对路径，但文件没有上传。我认为 sendKeys 方法在反应页面上效果不佳。有人可以帮忙解决这个问题吗？下面是代码sn-p：我没有看到任何错误，但文件没有上传。

下面是我用来上传文件的函数：

importFileButton: {
  get: function() {
    return this.findElement(this.by.xpath("//div[@id='upload-file']//button[@aria-label='Import file Browse ']"))
  }
}


attachCommaFile: {
        get: function () {
            browser.setFileDetector(new remote.FileDetector());
            var fileToUpload = './../../files/fileimport_Pipe.txt',
                absolutePath = path.resolve(__dirname, fileToUpload);
            return this.importFileButton.sendKeys(absolutePath);
        }
    }

【问题讨论】：

标签： reactjs selenium protractor

【解决方案1】：

文件上传使用input标签

您尝试将 sendKeys 指向错误的元素 - button

最喜欢您要查找的标签将具有以下 css [type=file]

有关更多详细信息，请参阅此帖子https://stackoverflow.com/a/66110941/9150146

【讨论】：

@Neha M 如果有帮助，请接受并投票
这很有帮助。谢谢你。我投票给你。