Protractor: Unable to handle windows Based popup to browse and upload a file using Protractor framework

Question

Trying to automate uploading .xml/pdf format files (Windows based popup) from local system to web application (Angualrjs) using Protractor framework.

Scenario: Browser the application in Chrome> Click upload button> web app popup comes where able to locate elements > click Browse button on upload field (This field would be disabled, only click event is allowed which opens windows popup to browse files)> Here we have challenge to browse the file.

After clicking Browse button performed> Window popup shows Documents location however we want to browse and upload the file from Desktop or from Project location.

Followed other stackoverflow references as given below but unable to solve: How to upload file in angularjs e2e protractor testing

Scripts which we tried:

iUploadConfigDefinition : (sPath) => {

  var absolutePath = path.resolve(__dirname, sPath);
    uploadInput.sendKeys(absolutePath);
}

Here not sure what should be 'uploadInput' element locator and how to recognize/fetch Open button of windows popup.

Please guide. Attached the screen for reference.

enter image description here

Hey i am also facing same issue , did you get any solution ? — simond
– simond, Commented Jul 25, 2018 at 12:13
As of now i have not got any solutions let me know if you found any. — Protractor Learner
– Protractor Learner, Commented Aug 9, 2018 at 10:01
hey i got solution , Just call below method which i customized and uploads file without opening that windows upload dialog — simond
– simond, Commented Aug 10, 2018 at 7:10
function selectFile(fileName: string) { var path = require('path'); var remote = require('../../node_modules/selenium-webdriver/remote'); browser.setFileDetector(new remote.FileDetector()); var fileToUpload = 'c:\Files'+fileName;//e.g fileName is 'file.png' var absolutePath = path.resolve(process.cwd() + fileToUpload); element(by.css('input[type="file"]')).sendKeys(absolutePath); } — simond
– simond, Commented Aug 10, 2018 at 7:12

Simon N · Accepted Answer · 2019-01-11 07:48:39Z

1

Please try the following solution :

browser.findElement(by.xpath("path of the browse button"));
browser.findElement(by.css('input[type=file]')).sendKeys('full path of the file with extension');

edited Jan 11, 2019 at 7:48

Simon N

3372 silver badges13 bronze badges

answered Aug 9, 2018 at 12:05

Shrutika

486 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeremy Kahan Over a year ago

It is key, as above, not to click the button. It looks like from your picture the input box is visible and can be typed in. If not between the two lines in this answer, you might need to interpolate the following: browser.executeScript("arguments[0].style.visibility = 'visible'; ", element(by.css("input[type=file]")).getWebElement());

Collectives™ on Stack Overflow

Protractor: Unable to handle windows Based popup to browse and upload a file using Protractor framework

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related