Breaking News: Grepper is joining You.com. Read the official announcement!

uploade file in protractor

Vast Vendace answered on July 7, 2022 Popularity 1/10 Helpfulness 1/10

answer uploade file in protractor

uploade file in protractor

Comment

var path = require('path');

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();
});
Use the path module to resolve the full path of the file that you want to upload.
Set the path to the input type="file" element.
Click on the upload button.
This will not work on firefox. Protractor will complain because the element is not visible. To upload in firefox you need to make the input visible. This is what I do:

browser.executeAsyncScript(function(callback) {
  // You can use any other selector
  document.querySelectorAll('#input-file-element')[0]
      .style.display = 'inline';
  callback();
});

// Now you can upload.
$('input[type="file"]').sendKeys(absolutePath);    
$('#uploadButton').click();

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: file protractor whatever

Link to this answer
Share Copy Link