Unfortunately I am working EXT-JS application. Its very hard to automate this application due to ext-gen numbers are changing dynamically particulary droplists.
I can manage click on droplist box but I am not able select the value. I tried all possible ways. One of the list box visiblity hidden. Can you please help to how to select the value from list box.
I google it suggested use JavascriptExecutor but I was understand how to use.
***********************************************
<div id="ext-gen410" class="x-layer x-combo-list " style="position: absolute; z-index: 12007; visibility: hidden; left: -10000px; top: -10000px; width: 212px; height: 80px; font-size: 12px;">
<div id="ext-gen411" class="x-combo-list-inner" style="width: 212px; height: 80px;">
<div class="x-combo-list-item">Direct Debit</div>
<div class="x-combo-list-item">Cash</div>
<div class="x-combo-list-item">Payroll Deduction</div>
<div class="x-combo-list-item x-combo-selected">Cheque</div>
</div>
*********************************************************************************
</div>
<div id="ext-gen412" class="x-shadow" style="z-index: 12006; left: 168px; top: 314px; width: 222px; height: 82px; display: block;">
<div id="ext-gen413" class="x-layer x-combo-list " style="position: absolute; z-index: 12007; visibility: visible; left: 172px; top: 311px; width: 212px; height: 80px; font-size: 12px;">
<div id="ext-gen414" class="x-combo-list-inner" style="width: 212px; height: 80px;">
<div class="x-combo-list-item">Monthly</div>
<div class="x-combo-list-item x-combo-selected">Quarterly</div>
<div class="x-combo-list-item">Half Yearly</div>
<div class="x-combo-list-item">Yearly</div>
</div>
