分度器を使ってfilepickerにファイルをアップロードするには？ここで

Question

は、HTMLコードである：ここで

<input type="file" class="fileUploadInput" name="fileUpload" id="fileUploadInput" accept="application/msword,application/pdf,text/plain,application/rtf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.formula" multiple="multiple" title="Choose File"> 

は私のコードです：

browser.wait(function(){ 
      return element(by.id('.filepicker_dialog_container')).isPresent(); 
     }).then(function() { 
      browser.driver.switchTo().frame('.filepicker_dialog'); 
     }).then(function(){ 
      var fileToUpload = '/home/raghavendra/Desktop/f0657c76d96b9ddab5562b8391297dbbb01488fec4e79a4c13195aea.doc'; 
      var absolutePath = protractor.basePath.resolve(__dirname, fileToUpload); 
      $("#fileUploadInput").sendKeys(absolutePath); 
}); 

私は今、すべてのエラーを取得していないのですが、それはファイルをアップロードしていない、このようにやっています。ポップアップウィンドウが閉じていません。このコードが機能している

var path = require('path'); 
var ptor = browser, 
    driver = browser.driver; 

describe('Hirealchemy roles', function() { 

    it('while clicking filepicker icon', function() { 


     $('.icon-people').click(); 
     browser.sleep(5000); 
     browser.driver.findElement(By.xpath('/html/body/div[4]/div/ng-view/div/div/div[2]/' + 
              'section/div/div/div[1]/form/div[2]/input')).sendKeys(group_name); 
     browser.sleep(5000); 
     element.all(by.css('.btn.btn-main')).click(); 
     browser.sleep(5000); 

     browser.wait(function(){ 
      return element(by.id('filepicker_dialog')).isPresent(); 
     }) 
      .then(function(){ 
       ptor.switchTo().frame('filepicker_dialog'); 
      }) 

      .then(function(){ 
       var fileToUpload = '/home/raghavendra/Desktop/50_resumes/f0657c76d96b9ddab5562b8391297dbbb01488fec4e79a4c13195aea.doc'; 
       var absolutePath = path.resolve(__dirname, fileToUpload); 
       driver.findElement(By.id('fileUploadInput')).sendKeys(absolutePath); 
      }) 

      .then(function(){ 
       ptor.switchTo().defaultContent(); 
      }) 

      .then(function(){ 
       browser.wait(function(){ 
        var deferred = protractor.promise.defer(); 
        element(by.id('filepicker_dialog')).isPresent() 
         .then(function(present){ 
          deferred.fulfill(!present); 
         }); 
        return deferred.promise; 

       }); 
      }); 
    }); 
}) 

：

は、ここに私の完全なコードです。

Answer 1

このコードを働いています：

var path = require('path'); 
var ptor = browser, 
    driver = browser.driver; 

describe('Hirealchemy roles', function() { 

    it('while clicking filepicker icon', function() { 


     $('.icon-people').click(); 
     browser.sleep(5000); 
     browser.driver.findElement(By.xpath('/html/body/div[4]/div/ng-view/div/div/div[2]/' + 
              'section/div/div/div[1]/form/div[2]/input')).sendKeys(group_name); 
     browser.sleep(5000); 
     element.all(by.css('.btn.btn-main')).click(); 
     browser.sleep(5000); 

     browser.wait(function(){ 
      return element(by.id('filepicker_dialog')).isPresent(); 
     }) 
      .then(function(){ 
       ptor.switchTo().frame('filepicker_dialog'); 
      }) 

      .then(function(){ 
       var fileToUpload = '/home/raghavendra/Desktop/50_resumes/f0657c76d96b9ddab5562b8391297dbbb01488fec4e79a4c13195aea.doc'; 
       var absolutePath = path.resolve(__dirname, fileToUpload); 
       driver.findElement(By.id('fileUploadInput')).sendKeys(absolutePath); 
      }) 

      .then(function(){ 
       ptor.switchTo().defaultContent(); 
      }) 

      .then(function(){ 
       browser.wait(function(){ 
        var deferred = protractor.promise.defer(); 
        element(by.id('filepicker_dialog')).isPresent() 
         .then(function(present){ 
          deferred.fulfill(!present); 
         }); 
        return deferred.promise; 

       }); 
      }); 
    }); 
}); 

Answer 2

[ファイルを選択]ボタンをクリックしないでください。クリックすると、ブラウザのSelect Fileダイアログが表示されます。 このダイアログは、セレンのwebdriverの範囲外であるため、このダイアログボックスを制御することはできません。 、あなたの特定のケースでは

$("#fileUploadInput").sendKeys("/absolute/path/to/file"); 

---

の操作を行います：

代わりに、はをアップロードするファイルへの絶対パスで入力したキーを送信

var EC = protractor.ExpectedConditions; 
var picker = element(by.id('.filepicker_dialog_container')); 

browser.wait(EC.presenceOf(picker), 5000); 
browser.switchTo().frame($('.filepicker_dialog')); 

var fileToUpload = '/home/raghavendra/Desktop/f0657c76d96b9ddab5562b8391297dbbb01488fec4e79a4c13195aea.doc'; 
var absolutePath = protractor.basePath.resolve(__dirname, fileToUpload); 
$("#fileUploadInput").sendKeys(absolutePath);