2016-12-02 52 views
2

朝向:無法將圖像中量角器上傳以下錯誤

Failed: No element found using locator: By(css selector, input[type="images"])

量角器代碼:

it("image upload",function(){ 
    browser.ignoreSynchronization = true; 
    browser.sleep(4000); 
    element(by.css('[ng-click="imagePost()"]')).click(); 
    browser.sleep(3000); 
    var ele = element(by.model("files")).click(); 
    browser.wait(EC.visibilityOf(ele),8000,'Ele is not presented'); 

    var fileToUpload = "C:\Users\Shiva\Desktop\mdkg.jpg;" 
    console.log(fileToUpload); 
    var absolutePath = path.resolve(fileToUpload); 
    console.log(absolutePath); 
    $('input[type="images"]').sendKeys(absolutePath); 
    element(by.buttonText('Post Image')).click(); 
    browser.sleep(5000); 
}); 

HTML代碼,上傳圖片:

<div ngf-drop ng-model="files" ngf-pattern="image/*" data-ngf-multiple="true" ng-repeat="image in images1" ngf-size> 
     <img src="{{image}}" width = "100%" height = "100%" class="m-l img-responsive img-rounded m-b" alt="post images"> 
     </img-crop> 
     <span ng-show="loading" class="text-center col-xs-12" ></span> 
    </div> 
</div> 
<div class="modal-actions "> 
    <button type="submit " class="btn-link modal-action "> 
     <strong><span class="icon icon-user "></span>postImg</strong> 
    </button> 
    <button type="button" id="fileinput" ng-model="files" ngf-select accept="image/* " data-ngf-multiple="true" class="btn-link modal-action">Upload Image 

在這裏,我uploding圖像,當我點擊上傳圖片時,它導航到本地系統,它應該上傳圖片。上傳後它應該發佈。

+1

哪裏是你的''? – vjarysta

+0

謝謝@vjarysta。在我的代碼中沒有輸入標籤,但是當我把輸入標籤放在量角器中時,它正在運行,並且它顯示彈出式窗口作爲不允許的文件(在我的應用程序中,當用戶試圖上傳除圖像之外的其他圖像時彈出窗口將會出現)。 – Shiva

+0

任何人都可以回答這仍然掙扎 – Shiva

回答

1

這裏是我的答案,方法是使用對象:

this.uploadImage = function(){ 

var path = require('path'); 
     var remote = require('../../../../node_modules/protractor/node_modules/selenium-webdriver/remote'); 
     browser.setFileDetector(new remote.FileDetector()); 


     var fileToUpload = '../../mdkg.jpg'; 
     var absolutePath = path.resolve(__dirname, fileToUpload); 

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

      // Unhide file input 
     browser.executeScript("arguments[0].style.visibility = 'visible'; arguments[0].style.height = '1px'; arguments[0].style.width = '1px'; arguments[0].style.opacity = 1", fileElem.getWebElement()); 

     fileElem.sendKeys(absolutePath); 

      // take a breath 
     browser.sleep(4000); 
     element(by.buttonText('Post Image')).click(); 
     browser.sleep(4000); 
    }; 

post_text.uploadImage();