File upload testing in angular js using protractor

Question

We are using ngFlow to do file uploads in our application. We use protractor for our testing. We have multiple test case conditions to be tested like file format not supported, max size etc. What is the best way to select files using protractor? We are able to click the button to upload the file, but we don't have any control on the system file explorer. We are able to send keys to input type file but we don't know how to call submit on that as we are not a button inside of a form/ using a form.

This is how I do it: stackoverflow.com/questions/21305298/… — Andres D
– Andres D, Commented Jun 18, 2014 at 3:10
@AndresD, I did go thru your solution but we have a specific use case of using ngflow. Thanks for letting us know. — Pradeep Mahdevu
– Pradeep Mahdevu, Commented Jun 20, 2014 at 6:22

rbinsztock · Accepted Answer · 2015-03-16 09:48:18Z

1

You need to inject the path of your file into your input.

var path = require('path');

it('should upload file', function() {
  var fileToUpload = '../path/foo.txt',
  var absolutePath = path.resolve(__dirname, fileToUpload);
  $('input[type="file"]').sendKeys(absolutePath);
  $('#uploadButton').click();
});

answered Mar 16, 2015 at 9:48

rbinsztock

3,2552 gold badges23 silver badges34 bronze badges

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

Comments

Rahul Vig · Accepted Answer · 2015-02-12 18:51:56Z

0

A good approach here will be to use superspawn to run a batch file or any script that works on your desired operating system. You can read about superspawn here-https://www.npmjs.com/package/superspawn

answered Feb 12, 2015 at 18:51

Rahul Vig

7361 gold badge7 silver badges25 bronze badges

Collectives™ on Stack Overflow

File upload testing in angular js using protractor

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related