Unable to locate element as ID changes after refreshing the in Ebay login page

Question

Using JUnit I'm attempting to automate the eBay login. I cannot select the email/username field because field changes id on refresh. Any ideas?

input size="40" maxlength="64" name="962970435" id="962970435" type="text" autocapitalize="off" autocorrect="off" placeholder="Email or username" class="fld"

Answer 1

The following XPath should work:

//input[@placeholder='Email or username'][@type='text']

Answer 2

If 'ID' of your webElement changes everytime after refreshing the page in this situation:

First of all look for any other attribute which Is not changing every time In that div node like name, class etc.

Option 1: If this div node has class, name attribute then you can write XPath as below.

//input[@class='fld']
OR
//input[@type='text'][@class='fld']
OR
//input[@name='962970435']

Option 2: You can use the starts-with function.

 //input[starts-with(@placeholder,'Email or username')]

Option 3: You can use contains function. Same way you can use contains function as given below.

 //input[contains(@class,'fld')]
 //input[contains(@type,'text')]

Answer 3

I prefer css selectors:

input[placeholder='Email or username'][type=text]

Also, I'd prefer to scope to the login form, e.g.

form#SignInForm input[placeholder~='[E|e]mail'][type=text]

You may need to scope further with

form#SignInForm div#pri_signin input[placeholder~='[E|e]mail'][type=text]

Answer 4

You can use either CSS Selector or Xpath. As CSS selector is already discussed above, let me point out how i achieved this using Xpath.

To identify , we will have to use a combination of 2 elements separated by AND operator as below.

Xpath : //input[@placeholder='Email or username' AND @type='text']

Hope this helps! Asky