I am facing an issue with two dynamic drop down lists that are quite similar; I am encountering difficulty in selecting options from the second drop down list. Provided below is the HTML code snippet:
<div id="list" class="x-list">
<div id="list-list" class="x-list-list-ct">
<ul>
<li class="x-item" role="option">US Dollar - USD</li>
<li class="x-item x-list-selected x-list-item-over" role="option">Afghan Afghani - AFN</li> //<-- this represents my initial selection from the first dropdown list
<li class="x-item" role="option">Albanian Lek - ALL</li>
<li class="x-item" role="option">Algerian Dinar - DZD</li>
<li class="x-item" role="option">Angolan Kwanza - AOA</li>
<li class="x-item" role="option">Argentine Peso - ARS</li>
</ul>
</div>
</div>
<div id="list" class="x-list">
<div id="list-list" class="x-list-list-ct">
<ul>
<li class="x-item x-list-selected x-list-item-over" role="option"> US Dollar - USD</li> //<-- this is the default hover selection
<li class="x-item" role="option"> Afghan Afghani - AFN</li>
<li class="x-item" role="option"> Albanian Lek - ALL</li>
<li class="x-item" role="option"> Algerian Dinar - DZD</li>
<li class="x-item" role="option"> Angolan Kwanza - AOA</li>
<li class="x-item" role="option"> Argentine Peso - ARS</li>
</ul>
</div>
</d
Whenever an element is selected or hovered over, the class name changes to 'x-item x-list-selected x-list-item-over'
To select an item from the first list, I use the following command: driver.findElement(By.xpath("//li[text()[contains(.,'Afghan Afghani - AFN')]]")).click();
However, when attempting the same for the second list, although the element gets selected, the list does not close.