CODEWITHSUNDEEP
seleniumtestingautomated-testsselenium-idew2ui
MAK
MAK

Reputation: 1

how to select "w2ui dropdown" elements in Selenium IDE?

We have w2ui dropdown element on our web site, and I want to run script using selenium IDE for testing, I have recorded steps but getting error when I run that script(element not found). Is there any way to handle w2ui element in Selenium IDE (specially dropdown list). I have tried xpath, still doesn't select value in the drop-down list.

Upvotes: 0

Views: 935

Answers (2)

MAK
MAK

Reputation: 1

I got the solution using JavaScript. Command- runScript and Target- document.getElementById('DropdownId').value='Dropdown item value' by using this its getting selected.

Upvotes: 0

Abdul Hameed
Abdul Hameed

Reputation: 1145

There can be cases where Selenium IDE recorded may not able to correctly identify the element. In these cases, user need to modify the script to ensure that elements are correct identified and entered.

Please refer below example. Recorded script did not work to select the w2ui drop list. I updated the script such that it correctly identifies the element and select it.

Can you please also update your script such that when execute IDE works on correct element?

Record script in Selenium IDE

Recorded Script Failed

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://w2ui.com/" />
<title>Recorded Script</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">Recorded Script</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/web/docs/form/fields-list</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>css=input[type=&quot;text&quot;]</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>css=tr.w2ui-item-odd.w2ui-selected &gt; td.menu-text</td>
    <td></td>
</tr>
<tr>
    <td>type</td>
    <td>//input[@type='combo']</td>
    <td>Testing</td>
</tr>

</tbody></table>
</body>
</html>

Updated Script

I modified the script to correctly identify the w2ui drop list by class name and correct input field the drop list. This script is working fine when I run in Selenium IDE.

Updated script passed

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://w2ui.com/" />
<title>Updated script</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">Updated script</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/web/docs/form/fields-list</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>class=w2ui-icon icon-search</td>
    <td></td>
</tr>
<tr>
    <td>type</td>
    <td>class=w2ui-select w2field</td>
    <td>Andrew Johnson</td>
</tr>
<tr>
    <td>storeValue</td>
    <td>class=w2ui-select w2field</td>
    <td>x</td>
</tr>
<tr>
    <td>echo</td>
    <td>${x}</td>
    <td></td>
</tr>
<tr>
    <td>type</td>
    <td>//input[@type='combo']</td>
    <td>Testing</td>
</tr>
<tr>
    <td>storeValue</td>
    <td>//input[@type='combo']</td>
    <td>y</td>
</tr>
<tr>
    <td>echo</td>
    <td>${y}</td>
    <td></td>
</tr>

</tbody></table>
</body>
</html>

Upvotes: 0

Related Questions