How to Select a value from Dropdown using Selenium WebDriver (Java) having input and div but not select tag?

Question

I am trying to select a value from a dropdown. When I inspect that dropdown, I cannot see the select Tag, instead it was designed with combination of input and div tags.

Can anyone suggest a way how to automate it using selenium webdriver (Java)?

There is no visible text even. When I tried to select it through value attribute, I can see the value attribute in inspect is still showing "none". I mean to say even after selecting any item from dropdown manually, I thought that text would reflect in value attribute, but that didn't happen. Value attribute is always showing "none". Is there any other way to select the value from this dropdown?

HTML for the input is

<input id="Claimant_Picker-inputEl" data-ref="inputEl" type="text" role="combobox" size="1" name="Claimant_Picker" value="<none>" style="width:100%;" class="x-form-field x-form-text x-form-text-default " autocomplete="off" componentid="NewClaimVehicleDamageDV:Claimant_Picker"> 

Html for the div is

<div id="Claimant_Picker-trigger-picker" class="x-form-trigger x-form-trigger-default x-form-arrow-trigger x-form-arrow-trigger-default ">
</div>

Answer 1

I think the developers of the site are using a Front-end UI Framework. From the partial code, I could not detect which framework. Most modern UI frameworks do not use select-tags, but smart javascript to change the DOM on the fly. The options are probably somewhere in a JavaScript variable in memory.

The framework probably does a lot of magic when you select the input. I would consult the developers to figure out how the input select works. This will probably enlighten you how to test it or give you more information to search because you know which framework is used. Most frameworks have extra testing libraries to make testing their implementation easier.

Answer 2

Your question is bit complicated can we see How you select a value from dropdown. Even I cant see You can select your dropdown by value,text,index etc.
Below is the code that I commonly use when I have to handle drop-downs.

//select the dropdown using "select by visible text"
        public static void dropDownSelectByText(WebElement webElement, String VisibleText){
            Select selObj=new Select(webElement);
            selObj.selectByVisibleText(VisibleText);
        }

        //select the dropdown using "select by index"
        public static void dropDownSelectByIndex(WebElement webElement, int IndexValue){
            Select selObj=new Select(webElement);
            selObj.selectByIndex(IndexValue);
        }

        //select the dropdown using "select by value"
        public static void dropDownSelectByValue(WebElement webElement, String Value){
            Select selObj=new Select(webElement);
            selObj.selectByValue(Value);
        }

You can pass values like this

CommonPageOperations.dropDownSelectByText(clientDrpDownListXpath,strClientName);