Clicking on several links part dynamically generated - testing

I'm new in Selenium and testing matters.
I'm trying to capture the id of an hyperlink element that is dynamically part generated.
The click action is recorded like as below when i make click on in selenium, the part in bold are dynamically generated, there are many of them on my page and can differ from one site to another(I'm testing cms). I'd like to capture and click on any one.
This is what I've tried to do since:
storeAttribute | //button#class onclick="setLocation(javascript{baseUrlSelection()}['/checkout/cart/add/uenc/(a-zA-Z0-9)/product/(0-9)]'')" | myid
echo | ${myid} |
clickAndWait | ${myid[0]}
It doesn't work
My links looks like this when click action is recorded in selenium:
buton[#onclick="setLocation('http://localhost/mydomaine/index.php/checkout/cart/add/uenc/aHR0cDovL2xvY2FsaG9zdC9NYWdlbnRvSGls
YWlyZURlbW9WMi9tYWdlbnRvZGVtb0hpbGFpcmVWMi9pbmRleC5waHAvY2F0ZWdvcmllMS5odG1sP19fX1NJRD1V/product/1/')">
Please Help.

Are you using the Selenium IDE? It would probably be much easier to do something using the other development environments, however if you really want to do looping:
Get the looping user-extension from this page
and run a script like this.
store | 0 | myCurrent
storeEval | var pattern=new RegExp("\\w*http://localhost/mydomaine/index.php/checkout/cart/add\\w*");var i=0;var total=0;while(i<window.document.getElementsByTagName('input').length){if (window.document.getElementsByTagName('input')[i].id.match(pattern)){window.document.getElementsByTagName('input')[i].id = 'testID_' + total;total=total+1;}i=i+1;}total; | myTotal
while | storedVars.myCurrent < storedVars.myTotal
storeAttribute | //input[contains(#id,'testID_${myCurrent}')]#class | myid
echo | ${myid}
clickAndWait | //input[contains(#id,'testID_${myCurrent}')]
store | javascript{storedVars.myCurrent++}
endWhile
What does the click on these buttons do? Does it postback the page or anything like that? If so, you'll need to move the storeEval | var pattern.... inside the while loop. What the javascript does is rename all of the inputs on the page that match the RegEx pattern (which you'll probably need to change to match your button ID's) to a sequential ID so you can loop through them easily. If there is a different pattern you can exploit, feel free to do that.
Javascript adapted from here

You can use the xpath contains() function to locate the items:
storeAttribute | //input[contains(#onclick,"setLocation('http://localhost/mydomaine/index.php/checkout/cart/add/uenc/")]#class | myid
echo | ${myid}
clickAndWait | //input[contains(#onclick,"setLocation('http://localhost/mydomaine/index.php/checkout/cart/add/uenc/")]#class
It is also a good idea to reference the elements by something other than their onclick attribute. Id or name would be good choices.

Related

Is it possible to refer label in another testcase in selenium IDE?

I have multiple testcases. I want one of my test cases point to a label in previous test case. Is it possible to refer label in another testcase in selenium IDE?
Yes; you can do this using any store* command.
Suppose you are able get required label's text in your 1st test case, store it in a variable label :
|storeText | PreviousTestsLabelLocator | label |
Then in your 2nd test (or another test) access the previously stored "label" using ${label}
For example, just print it:
|echo | ${label} | |

Selenium IDE get element using xpath and index

I am trying to assert that three elements are visible. I set up the following command to store the xpath count:
storeXpathCount | xpath=//input[contains(#class,"k-formatted-value") and contains(#class, "call-timer-editor")] | x
and x="3", which is correct. Now, I want to assert that all three of those inputs are visible. so I do:
verifyVisible | xpath=//input[contains(#class,"k-formatted-value") and contains(#class, "call-timer-editor")][1] |
verifyVisible | xpath=//input[contains(#class,"k-formatted-value") and contains(#class, "call-timer-editor")][2] |
verifyVisible | xpath=//input[contains(#class,"k-formatted-value") and contains(#class, "call-timer-editor")][3] |
The first line evaluates to true, but the other (which are for sure visible) evaluate to false. How should I correctly index to the three inputs?
Since you did not post code or link to the page you are automating I can only guess. Try this:
xpath=(//input[contains(#class,"k-formatted-value") and contains(#class, "call-timer-editor")])[2]

Recording and storing selenium IDE random values

I need to extract with selenium IDE a random value that generates always after login again into the app. How can I extract the new value when the page is loaded again?
ex:
Logout button:
id=ext-gen123 Logout
That ID is always different when I logout and login again.. So as you all can see, it's kind of weird when I ran the test cases again and again.
Is there part of the string that's always the same?
xpath=//a[matches(#id,'ext-gen.*')]
See if you can consistently select it with that.
then use the storeAttribute command
storeAttribute | xpath=//a[matches(#id,'ext-gen.*')]#id | genIdVarName
You could add a class to the login element to make it easier to select.
Then you can use javascript if you want just part of the id string
some thing like
storeEval | storedVars['genIdVarName'].replace("ext-gen", "") | genNumberVarName
If this isn't what you want please add more detail to your question.

Cascading Dropdown Listboxes with Selenium

I am having great difficultly testing cascading dropdown boxes with Selenium. I would like to know what the standard approach is for this. I'm a bit unclear as to which commands to use i.e. ClickAndWait, WaitForTextPresent etc. It seems a little bit of a hack to try and get this to work.
Has anyone got selenium to correctly test this out? An example scenario would be to have 3 listboxes which have Car Make, Model and Colour. Each one is populated in turn by the other. Selenium needs to somehow wait for the next listbox to populate before preceeding with the test.
What is normally the best way to do this is to do
Select | select1 | option
waitForSelectx | select2 | possiblePattern
Select | select2 | option
waitForSelectx | select3 | possiblePattern
Select | select3 | option
the waitForSelectx is just shorthand for one of the waitForSelect type commands. You will need to pick the one that works best for you.

Selenium: How do I use javascript to clear a value from a form field?

I'm using the selenium IDE and the Selenium-Fitnesse Bridge fixture and I'm trying to test that when I clear a default value out of a form field, my form displays an error message.
So when I record with the Selenium IDE, what it does is the equivalent of telling Selenium to type nothing.
| type | text_field | |
The problem with this is that the Fitnesse fixture I'm using expects that second argument to not be null.
Is there a way in Selenium to "clear a value" rather than "typing nothing"?
You can do it via javascript as such:
| verifyEval | javascript{this.browserbot.getCurrentWindow().document.getElementById('CONTROL_ID').value = ''} ||
Effectively the verifyEval statement allows you to execute any piece of javascript that you'd like. Makes some difficult problems to accomplish with Selenium much simpler.
I used this tutorial (today believe it or not) to figure things out.
I used this to get it to work. reg_start_date is the id of my input field.
| storeEval | window.document.getElementById('reg_start_date').value = '' |
From the selenium reference:
Note that, by default, the snippet will run in the context of the "selenium" object itself, so this will refer to the Selenium object. Use window to refer to the window of your application, e.g. window.document.getElementById('foo')
Also, avoid wrapping the javascript code with javascript{}, it will not work.
We had this issue at the beginning as well. Try: | type | text_field | blank |
Look for more info on the Fitnesse documentation for the use of blank and null.
:)