Protractor Image didn't upload on dialog box?

Question

I want to test the image upload functionality using Protractor but my written script didn't work.

When we click on the dialogue box image it opens the window to select the desired image. After the selection of the image, the box acts like below:

I want to write a script through which I can upload an image and then click on the "Save" button.

This is the Error message that encountered

Given below is the script that I tried but doesn't work:

 var path = require('path');
 var fileToUpload = '../new image.jpeg';
 var absolutePath = path.resolve('__dirname', fileToUpload);
 console.log(absolutePath);
 var fileElem=element(by.css('label[for="cropper-file-input"]'));
 browser.wait(EC.presenceOf(fileElem), 2000,);
 fileElem.sendKeys(absolutePath);

Answer 1

You are getting this error, because you are trying to use 'sendKeys' method on an element whose type is not 'input'.

Use :

var fileElem=element(by.css('input[id="cropper-file-input"]'));

Answer 2

This worked for me:

it('should upload a file', function() {
  var fileToUpload = '../some/path/foo.txt',

  absolutePath =path.resolve(__dirname,fileToUpload);

  element(by.css('input[type="file"]')).sendKeys(absolutePath);    
  element(by.id('uploadButton')).click();
});