protractor get element by name tag

让人想犯罪 __ 提交于 2019-12-23 16:12:09

问题


Currently I am working with protractor and Selenium web Driver.

I have the following problem:

I have a html page, and I make protractor clicking a button. Then a window pops up. This window contains a text box with the Name "Description":

<input type="Text" name="Description" ... />

Now when I try the following:

element(by.css('[name="Description"]')).sendKeys("rabbababab");

The browser does nothing, but protractor does not throw an error. No text is typed into the TextBox. Unfortunatelly, the name is the only way to identfy the input-TextBox.

What am I doing wrong?


回答1:


Selecting directly by name works as well:

element(by.name('Description')).sendKeys("rabbababab");



回答2:


OK guys, ive found the issue.

It wasnt an alert, its just a div, and all other controls are locked for user Input. but the Dialog covers a TextBox, wich has the same css-properties. So protractor just writes into the covered TextBox and i couldnt see it...

The Problem is solved




回答3:


Sometimes if that element is inside iframe then you have to switch to that iframe. Just check that is there any iframe or modal available?

otherwise your code seems correct.




回答4:


There is an inbuilt prompt handler in protractor where you can identify it and then send the data into the input field that you want. Here's how -

browser.Alert.sendKeys("rabbababab");

Note: The pop up window should have an input that it can accept some data into it else you command will fail.

If the above solution doesn't work then try sending data by switching to the pop-up and then sending text to it. Here's how -

browser.driver.switchTo().alert().sendKeys('rabbababab');

If at all there are many prompts, then you can use window handles function to switch to the one that you want. Here's how -

browser.getAllWindowHandles().then(function(handles){
    browser.switchTo().window(handles[1]).then(function(){ //change the array index based on your pop-up's count
        element(by.css('[name="Description"]')).sendKeys("rabbababab");
    });
});

Hope it helps.




回答5:


Maybe you have multiple objects which have name="Description" in your application. You can find this in Chrome:

  1. Right-click on the object
  2. Click on Inspect element
  3. Press CTRL+F
  4. Type [name="Description"] and see how many results it finds.

    element(by.css('[name="Description"]'))

is the same as

$('[name="Description"]')

If you find more than one, then you can try the following: 1. Try a click on the field before sending keys to it

2.

// This will search for the element of input with the name="Description" attribute
$('input[name="Description"]').sendKeys('rabbababab');

3. You can try to put the following line, before sending keys to it : browser.waitForAngular(); // wait until the angular app loads

Let us know how it worked.




回答6:


Try using this, $('input [name=Description]').sendKeys("rabbababab"); or element(by.css('input [name=Description]')).sendKeys("rabbababab");



来源:https://stackoverflow.com/questions/32989447/protractor-get-element-by-name-tag

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!