Forme AngularJS dans WebDriver

Question

Il existe un formulaire de téléchargement de fichier avec le type de données input[type="text" i]. Je voudrais sélectionner et télécharger un fichier sans Robot class et KeyEvent. La classe en HTML ressemble à ceci: class="form-control ng-pristine ng-invalid ng-touched".

Je tente de télécharger un fichier sans ouvrir une fenêtre de sélection de fichier, utilisez le code suivant.

driver.findElement(By.cssSelector("myfilepath"); 

j'ai eu une exception et même lorsque j'utilise XPath pour identifier un objet et passez le chemin du fichier.

org.openqa.selenium.ElementNotVisibleException: element not visible

site similaire et la forme: https://angular-file-upload.appspot.com/#2

Answer 1

Vous devez sélectionner le input[file] premier (par exemple via sélecteur CSS), et définir le chemin d'accès au fichier comme sa valeur:

driver.findElement(By.cssSelector("input.your-file-input-class")).sendKeys("/my/file/path"); 

Vous avez besoin pour trouver l'élément via input.your-file-input-class en premier. Ajustez le sélecteur CSS en fonction de votre balisage.

La meilleure façon d'être sûr de remplir la bonne entrée est d'ajouter une classe ou un identifiant sur l'élément. Vous pouvez également utiliser input[type="text"] comme sélecteur, si vous savez qu'il n'y aura qu'une seule entrée de fichier sur la page.

driver.findElement(By.cssSelector("input[type=\"text\"]")).sendKeys("/my/file/path"); 

Btw vous a également noté dans les commentaires, que myfilepath est une variable contenant le chemin. Si oui, laissez tomber les guillemets, vous ne pouvez pas l'utiliser comme une valeur de chaîne:

String myfilepath = "/path/to/file"; 

driver.findElement(By.cssSelector("input[type=\"text\"]")).sendKeys(myfilepath); 

Si l'erreur préserve, vous devriez essayer d'attendre jusqu'à ce que l'élément est visible, cela pourrait aider aussi:

WebDriverWait wait = new WebDriverWait(driver, 60); // 1 min timeout 
WebElement el = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("input[type=\"text\"]"))); 
el.sendKeys(myfilepath); 

Answer 2

en utilisant javascript nous pouvons atteindre cet

code javascript:

var test=document.querySelector('your css selector'); 

test.setAttribute("value","your path value"); 

écrire du code javascript dans la chaîne et passée à javascriptExecutor avec csspathselector, la valeur de chemin du fichier

Code Sélénium:

String js = "var test=document.querySelector(arguments[0]);test.setAttribute('value',arguments[1]);"; 
JavascriptExecutor jse = (JavascriptExecutor)driver; 
jse.executeScript(js, "yourcssSelectorPath","filepath");